From a4487ec267d7cfa2b71c000f3b7ae7e3920b51f2 Mon Sep 17 00:00:00 2001
From: Kiril Vatev <vatev.1@gmail.com>
Date: Sat, 27 Apr 2024 01:18:54 -0400
Subject: [PATCH] making frame elements a bit smaller

---
 renderer/Frame/Frame.css | 1 +
 renderer/Frame/Frame.js  | 8 +++++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/renderer/Frame/Frame.css b/renderer/Frame/Frame.css
index cf86793..059f6c6 100644
--- 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
index d0153bc..91660cd 100644
--- 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>`;
 };