[UI] Update SocialScience/TrafficGrid.nlogox to fit new UI sizing

Author: omargfh

Sample Models/Social Science/Traffic Grid.nlogox

@@ -361,44 +361,44 @@ end
 ; Copyright 2003 Uri Wilensky.
 ; See Info tab for full copyright and license.]]></code>
   <widgets>
-    <view x="327" wrappingAllowedX="true" y="10" frameRate="30.0" minPycor="-18" height="337" showTickCounter="true" patchSize="9.0" fontSize="12" wrappingAllowedY="true" width="337" tickCounterLabel="ticks" maxPycor="18" updateMode="1" maxPxcor="18" minPxcor="-18"></view>
-    <plot x="453" autoPlotX="true" yMax="5.0" autoPlotY="true" yAxis="Average Wait" y="377" xMin="0.0" height="164" legend="false" xMax="100.0" yMin="0.0" xAxis="Time" display="Average Wait Time of Cars" width="218" sizeVersion="0">
-      <setup></setup>
+    <view x="341" wrappingAllowedX="true" y="13" frameRate="30.0" minPycor="-18" height="357" showTickCounter="true" patchSize="9.541" fontSize="12" wrappingAllowedY="true" width="357" tickCounterLabel="ticks" maxPycor="18" updateMode="1" maxPxcor="18" minPxcor="-18"></view>
+    <slider x="11" step="1" y="13" max="9" width="150" display="grid-size-x" height="50" min="1" direction="Horizontal" default="5.0" variable="grid-size-x"></slider>
+    <slider x="167" step="1" y="13" max="9" width="165" display="grid-size-y" height="50" min="1" direction="Horizontal" default="5.0" variable="grid-size-y"></slider>
+    <monitor x="174" precision="3" y="125" height="60" fontSize="11" width="158" display="Current Phase">phase</monitor>
+    <slider x="12" step="0.1" y="124" max="1" width="155" display="speed-limit" height="61" min="0.1" direction="Horizontal" default="1.0" variable="speed-limit"></slider>
+    <slider x="12" step="1" y="69" max="400" width="320" display="num-cars" height="50" min="1" direction="Horizontal" default="200.0" variable="num-cars"></slider>
+    <slider x="11" step="1" y="193" max="100" width="155" display="ticks-per-cycle" height="50" min="1" direction="Horizontal" default="20.0" variable="ticks-per-cycle"></slider>
+    <slider x="174" step="1" y="191" max="99" width="158" display="current-phase" height="50" min="0" direction="Horizontal" default="0.0" variable="current-phase" units="%"></slider>
+    <button x="174" y="293" height="35" disableUntilTicks="true" forever="true" kind="Observer" width="158" display="Select intersection">choose-current</button>
+    <switch x="174" y="247" height="40" on="true" variable="current-auto?" width="158" display="current-auto?"></switch>
+    <switch x="10" y="247" height="40" on="true" variable="power?" width="158" display="power?"></switch>
+    <button x="10" y="334" height="35" disableUntilTicks="false" forever="false" kind="Observer" width="85" display="Setup">setup</button>
+    <button x="10" y="292" height="35" disableUntilTicks="true" forever="false" kind="Observer" width="158" display="Change light">change-current</button>
+    <button x="101" y="335" height="35" disableUntilTicks="true" forever="true" kind="Observer" width="85" display="Go">go</button>
+    <plot x="10" autoPlotX="true" yMax="100.0" autoPlotY="true" yAxis="Stopped Cars" y="379" xMin="0.0" height="199" legend="false" xMax="100.0" yMin="0.0" width="215" xAxis="Time" display="Stopped Cars">
+      <setup>set-plot-y-range 0 num-cars</setup>
       <update></update>
       <pen interval="1.0" mode="0" display="default" color="-16777216" legend="true">
         <setup></setup>
-        <update>plot mean [wait-time] of turtles</update>
+        <update>plot num-cars-stopped</update>
       </pen>
     </plot>
-    <plot x="228" autoPlotX="true" yMax="1.0" autoPlotY="true" yAxis="Average Speed" y="377" xMin="0.0" height="165" legend="false" xMax="100.0" yMin="0.0" xAxis="Time" display="Average Speed of Cars" width="216" sizeVersion="0">
-      <setup>set-plot-y-range 0 speed-limit</setup>
+    <plot x="458" autoPlotX="true" yMax="5.0" autoPlotY="true" yAxis="Average Wait" y="379" xMin="0.0" height="199" legend="false" xMax="100.0" yMin="0.0" width="219" xAxis="Time" display="Average Wait Time of Cars">
+      <setup></setup>
       <update></update>
       <pen interval="1.0" mode="0" display="default" color="-16777216" legend="true">
         <setup></setup>
-        <update>plot mean [speed] of turtles</update>
+        <update>plot mean [wait-time] of turtles</update>
       </pen>
     </plot>
-    <slider x="108" step="1" y="35" max="9" display="grid-size-y" height="33" min="1" direction="Horizontal" default="5.0" variable="grid-size-y" width="97" sizeVersion="0"></slider>
-    <slider x="12" step="1" y="35" max="9" display="grid-size-x" height="33" min="1" direction="Horizontal" default="5.0" variable="grid-size-x" width="94" sizeVersion="0"></slider>
-    <switch x="12" y="107" height="33" on="true" variable="power?" display="power?" width="95" sizeVersion="0"></switch>
-    <slider x="12" step="1" y="71" max="400" display="num-cars" height="33" min="1" direction="Horizontal" default="200.0" variable="num-cars" width="281" sizeVersion="0"></slider>
-    <plot x="5" autoPlotX="true" yMax="100.0" autoPlotY="true" yAxis="Stopped Cars" y="376" xMin="0.0" height="164" legend="false" xMax="100.0" yMin="0.0" xAxis="Time" display="Stopped Cars" width="214" sizeVersion="0">
-      <setup>set-plot-y-range 0 num-cars</setup>
+    <plot x="233" autoPlotX="true" yMax="1.0" autoPlotY="true" yAxis="Average Speed" y="379" xMin="0.0" height="199" legend="false" xMax="100.0" yMin="0.0" width="217" xAxis="Time" display="Average Speed of Cars">
+      <setup>set-plot-y-range 0 speed-limit</setup>
       <update></update>
       <pen interval="1.0" mode="0" display="default" color="-16777216" legend="true">
         <setup></setup>
-        <update>plot num-cars-stopped</update>
+        <update>plot mean [speed] of turtles</update>
       </pen>
     </plot>
-    <button x="221" y="184" height="33" disableUntilTicks="true" forever="true" kind="Observer" display="Go" width="64" sizeVersion="0">go</button>
-    <button x="208" y="35" height="33" disableUntilTicks="false" forever="false" kind="Observer" display="Setup" width="84" sizeVersion="0">setup</button>
-    <slider x="11" step="0.1" y="177" max="1" display="speed-limit" height="33" min="0.1" direction="Horizontal" default="1.0" variable="speed-limit" width="154" sizeVersion="0"></slider>
-    <monitor x="205" precision="3" y="132" height="45" fontSize="11" display="Current Phase" width="105" sizeVersion="0">phase</monitor>
-    <slider x="11" step="1" y="143" max="100" display="ticks-per-cycle" height="33" min="1" direction="Horizontal" default="20.0" variable="ticks-per-cycle" width="154" sizeVersion="0"></slider>
-    <slider x="146" step="1" y="256" max="99" display="current-phase" height="33" min="0" direction="Horizontal" default="0.0" variable="current-phase" units="%" width="156" sizeVersion="0"></slider>
-    <button x="9" y="292" height="33" disableUntilTicks="true" forever="false" kind="Observer" display="Change light" width="134" sizeVersion="0">change-current</button>
-    <switch x="9" y="256" height="33" on="true" variable="current-auto?" display="current-auto?" width="135" sizeVersion="0"></switch>
-    <button x="145" y="292" height="33" disableUntilTicks="true" forever="true" kind="Observer" display="Select intersection" width="155" sizeVersion="0">choose-current</button>
   </widgets>
   <info><![CDATA[## WHAT IS IT?