New REM client: REM-Client 05f1a5e (base manager BUILD: the system map on the right inside the window)

EXE/remui/base.rml

@@ -116,7 +116,9 @@
         .chips .chip { margin: 0 6dp 6dp 0; }
         .chips .chip.on { color: #f2b13c; border-color: #f2b13c; }
         /* BUILD: the system map the planned site is placed on (the nav map's look: 8 x 8 cells, north on top) */
-        .sitemap { position: relative; width: 380dp; height: 380dp; margin: 6dp 0; background-color: #05080d; border: 1dp #5cc8f040; overflow: hidden; cursor: crosshair; }
+        .colm.side.narrow { flex: 0 0 240dp; }  /* BUILD: room for the map on the right */
+        .colm.mapcol { flex: 0 0 360dp; margin-left: 18dp; }
+        .sitemap { position: relative; width: 340dp; height: 340dp; margin: 6dp 0; background-color: #05080d; border: 1dp #5cc8f040; overflow: hidden; cursor: crosshair; }
         .sitemap .dot { position: absolute; width: 0; height: 0; pointer-events: none; }
         .sitemap .dot .s { position: absolute; left: -3dp; top: -3dp; width: 6dp; height: 6dp; border-radius: 3dp; background-color: #8197ad; }
         .sitemap .dot .l { position: absolute; left: 8dp; top: -7dp; white-space: nowrap; font-size: 11dp; color: #8197ad; }
@@ -354,7 +356,7 @@
 
                 <!-- BUILD: the catalog, the type's model and wares, placing a site -->
                 <div class="page" data-if="sys_sub == 0">
-                    <div class="colm side">
+                    <div class="colm side narrow">
                         <div class="table grow">
                             <div class="head"><span class="c1">Catalog</span><span class="c3">Built</span></div>
                             <div class="body">
@@ -377,8 +379,12 @@
                             </div>
                         </div>
                         <div class="hint sys-info">{{ type_info }}</div>
-                        <div data-if="sys_mine">
-                            <!-- the system map (a nav map clone): click where the site shall stand, drag to move it -->
+                        <div class="hint" data-if="!sys_mine &amp;&amp; sys_in">Claim the system to build here.</div>
+                    </div>
+                    <!-- the system map (a nav map clone) on the right: click where the site shall stand, drag to move it -->
+                    <div class="colm mapcol" data-if="sys_mine">
+                        <div class="label">Place the site</div>
+                        <div>
                             <div id="sitemap" class="sitemap">
                                 <div class="dot" data-for="d : site_dots" data-class-sun="d.cls == 'sun'" data-class-planet="d.cls == 'planet'" data-class-station="d.cls == 'station'"
                                      data-class-hole="d.cls == 'hole' || d.cls == 'gate'" data-class-mine="d.cls == 'mine'" data-class-site="d.cls == 'site'"
@@ -391,7 +397,6 @@
                                 <div class="btn primary" data-class-disabled="!mark_set" data-action="site">{{ site_text }}<div class="tip">Builds a construction site of the picked type where it is planned on the map. Deliver its wares in space (target it, trade) or fund it - traders bring them.</div></div>
                             </div>
                         </div>
-                        <div class="hint" data-if="!sys_mine &amp;&amp; sys_in">Claim the system to build here.</div>
                     </div>
                 </div>