Merge pull request #49 from QuantStack/update-lego-move-hub-panel

Update Move Hub panel.

Author: HaudinFlorence

src/bluetooth/BluetoothManager.ts

@@ -6,7 +6,7 @@ import { IDisposable } from '@lumino/disposable';
 import { Dialog, showDialog } from '@jupyterlab/apputils';
 
 /**
- * A class used to update the list of connected device and the related signals used to rerender the connected devices section.
+ * A class used to update the list of connected devices and the related signals used to rerender the connected devices section.
  */
 export class BluetoothManager implements IBluetoothManager {
   constructor() {

src/movehub-extension/components/Vernie.tsx

@@ -16,7 +16,7 @@ export default function Vernie({ themeManager }: IBuildProps) {
           <img
             src={currentSVGUrl}
             alt="Vernie build represented with LeoCAD"
-            height="300px"
+            height="280px"
           />
         )}
       </UseSignal>
@@ -26,7 +26,7 @@ export default function Vernie({ themeManager }: IBuildProps) {
       <img
         src={VernieLightSVGUrl}
         alt="Vernie build represented with LeoCAD"
-        height="300px"
+        height="280px"
       />
     );
   }

style/VernieSchematicDark.svg

@@ -10,6 +10,8 @@
   width: 100%;
   box-sizing: border-box;
   background-color: var(--jp-layout-color0);
+  max-width: 1200px;
+  margin: 0 auto;
 }
 
 .vernie-control-grid-container {
@@ -75,12 +77,13 @@
 
 .move-input-field {
   height: 24px;
-  padding: 0;
+  padding: 0 4px;
   border-width: 0.5px;
   border-radius: 4px;
   width: 30px;
   font-size: 10px;
   background-color: var(--jp-layout-color2);
+  text-align: right;
 }
 
 .move-input-field-with-2buttons {
@@ -214,6 +217,11 @@
     grid-template-columns: repeat(2, 1fr);
     grid-template-rows: repeat(2, auto);
   }
+
+  .vernie-control-grid-item-right {
+    justify-content: center;
+    grid-column: 1 / -1;
+  }
 }
 
 .manual-control-grid {