flex btn

client/assets/mnni.svg

@@ -11,8 +11,8 @@
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    width="2100mm"
-   height="1100mm"
+   height="2100mm"
-   viewBox="0 0 2100 1100"
+   viewBox="0 0 2100 2100"
    version="1.1"
    id="svg16"
    inkscape:version="0.92.1 r15371"
@@ -2008,15 +2008,15 @@
          id="g4989">
         <polygon
            style="fill:none;stroke:#f5f5f5;stroke-width:5.92435312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           points="100,10 190,190 10,190 "
+           points="190,190 10,190 100,10 "
            id="polygon4983" />
         <polygon
            style="fill:none;stroke:#f5f5f5;stroke-width:5.92435312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           points="100,50 160,170 40,170 "
+           points="160,170 40,170 100,50 "
            id="polygon4985" />
         <polygon
            style="fill:none;stroke:#f5f5f5;stroke-width:5.92435312;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           points="100,90 130,150 70,150 "
+           points="130,150 70,150 100,90 "
            id="polygon4987" />
       </g>
     </mask>
@@ -2459,9 +2459,9 @@
      inkscape:pageshadow="2"
      inkscape:zoom="0.079573438"
      inkscape:cx="3528.1874"
-     inkscape:cy="583.63933"
+     inkscape:cy="3097.0409"
      inkscape:document-units="mm"
-     inkscape:current-layer="layer2"
+     inkscape:current-layer="layer1"
      showgrid="true"
      inkscape:snap-grids="true"
      inkscape:window-width="1920"
@@ -2515,7 +2515,7 @@
      id="layer2"
      inkscape:label="boxes"
      style="display:none"
-     transform="translate(0,100)">
+     transform="translate(0,1100)">
     <path
        style="display:inline;opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#f5f5f5;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
        d="M 50,200.00004 V -49.999959 H 550 V 200.00004 H 50"
@@ -2536,21 +2536,21 @@
      inkscape:label="face"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(-472.60042,1435.1467)"
+     transform="translate(-472.60042,2435.1467)"
      style="display:inline">
     <path
        style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#f5f5f5;stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
-       d="m 522.60042,-1135.1467 250,-250 249.99998,250"
+       d="m 522.60043,-1635.1467 250,-250 249.99997,250"
        id="path4950"
        inkscape:connector-curvature="0" />
     <path
        style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#f5f5f5;stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
-       d="m 2022.6004,-1135.1467 250,-250 250,250"
+       d="m 2022.6004,-1635.1467 250,-250 250,250"
        id="path4957"
        inkscape:connector-curvature="0" />
     <path
-       style="fill:none;stroke:#f5f5f5;stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-variant-east_asian:normal;opacity:1;vector-effect:none;fill-opacity:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0"
+       style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#f5f5f5;stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
-       d="m 1022.6004,-385.14667 h 1000"
+       d="m 1022.6004,-885.14671 h 1000"
        id="path7471"
        inkscape:connector-curvature="0" />
   </g>

client/assets/styles/controls.less

@@ -117,6 +117,10 @@ aside {
         font-size: 200%;
         animation: co 0.75s cubic-bezier(0, 0, 1, 1) 0s infinite alternate;
     }
+
+    .flex {
+        flex: 1;
+    }
 }
 
 .abandon:not([disabled]) {

client/src/components/play.ctrl.jsx

@@ -16,7 +16,7 @@ function JoinButtons(args) {
                 <AccountBox />
                 <div class="instance-ctrl-btns">
                     <button disabled={true} >Chat</button>
-                    <button disabled={true}>-</button>
+                    <button class="flex" disabled={true}>-</button>
                 </div>
             </div>
         </aside>