From 41462bb372498b9ef63c6fe344d1fcc972cbcc1d Mon Sep 17 00:00:00 2001
From: arzumify <jliwin98@hectabit.org>
Date: Sat, 27 Jan 2024 15:30:51 +0000
Subject: [PATCH] Removed weird chromium hack and used a flex

---
 static/css/style.css | 16 ++++++----------
 templates/app.html   | 10 ++++++----
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 63e76e3..ae350d2 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -137,6 +137,7 @@ body {
     border-color: var(--border-color);
     border-width: 0px;
     border-top-width: 1px;
+    display: flex;
 }
 
 .bottomBar button {
@@ -157,7 +158,10 @@ body {
     background-position: center;
     background-repeat: no-repeat;
     background-size: 55%;
-    transform: translateY(-5px);
+}
+
+.bottomBar .textManipulator {
+    margin-left: auto;
 }
 
 .bottomBar button:hover {
@@ -178,6 +182,7 @@ body {
 
     background-color: var(--bar);
 
+
     border: solid;
     border-color: var(--border-color);
     border-width: 1px;
@@ -646,12 +651,3 @@ body {
 .links a:hover {
     text-decoration: dashed;
 }
-
-@supports (-webkit-appearance: none) {
-  .bottomBar .removeButton {
-      transform: translateY(0px);
-  }
-  .bottomBar .wordCounter {
-      transform: translateY(-9px);
-  }
-}
diff --git a/templates/app.html b/templates/app.html
index 60c955d..40e6da7 100644
--- a/templates/app.html
+++ b/templates/app.html
@@ -18,10 +18,12 @@
 
     <div class="bottomBar">
         <button id="removeBox" class="removeButton"></button>
-        <button id="wordCountBox" class="wordCounter">0 words</button>
-        <button id="textMinusBox" class="right">-</button>
-        <button id="textSizeBox" class="right">16px</button>
-        <button id="textPlusBox" class="right">+</button>
+        <button id="wordCountBox">0 words</button>
+        <div class="textManipulator">
+            <button id="textMinusBox">-</button>
+            <button id="textSizeBox">16px</button>
+            <button id="textPlusBox">+</button>
+        </div>
     </div>
 
     <div id="notesBar" class="notesBar">