making frame elements a bit smaller

catdad · Apr 27, 2024 · a4487ec · a4487ec
1 parent dff95eb
commit a4487ec
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/renderer/Frame/Frame.css b/renderer/Frame/Frame.css
@@ -10,6 +10,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  font-size: 0.9rem;
 }
 
 .frame .frame-buttons {

diff --git a/renderer/Frame/Frame.js b/renderer/Frame/Frame.js
@@ -17,10 +17,12 @@ const Controls = () => {
     return;
   }
 
+  const fontSize = 18;
+
   return html`<div class="frame-buttons">
-    <button onClick=${() => browser.minimize()}><${Minimize} /></button>
-    <button onClick=${() => browser.maximizeToggle()}><${Maximize} /></button>
-    <button onClick=${() => browser.close()}><${Close} /></button>
+    <button onClick=${() => browser.minimize()}><${Minimize} style=${{ fontSize }} /></button>
+    <button onClick=${() => browser.maximizeToggle()}><${Maximize} style=${{ fontSize }} /></button>
+    <button onClick=${() => browser.close()}><${Close} style=${{ fontSize }} /></button>
   </div>`;
 };