chore(UI): increase logo and panel font size

TGianella · Apr 18, 2024 · b1e7358 · b1e7358
1 parent dc72e98
commit b1e7358
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/app/index.html b/app/index.html
@@ -15,7 +15,7 @@
         align-items: center;
         justify-content: center;
         font-family: monospace;
-        --closed-panel-font-size: 20px;
+        --closed-panel-font-size: 26px;
       }
 
       #fps, #generations-counter {
@@ -109,6 +109,8 @@
       .toggleButton {
         width: fit-content;
         margin-block: 10px;
+        font-size: var(--closed-panel-font-size);
+        font-weight: bold;
       }
 
       #metrics {
@@ -124,7 +126,7 @@
     </style>
   </head>
   <body>
-    <img src="" height="100" />
+    <img src="" height="200" />
     <button id="panelBtn">⚙</button>
     <div id="panel" class="open">
       <div id="toggleButtonsGroup">
@@ -138,6 +140,7 @@
             Generations per <br>
             frame rendered
           </label>
+          <br>
           <input id="ticks-frequency" type="range" min="1" max="10" value="1" list="markers" autocomplete="off">
             <datalist id="markers">
               <option value="1" label="1"></option>