From 51d48b69c36ae8329ba645b2adbdeca548aab791 Mon Sep 17 00:00:00 2001
From: th3keyboard <tullyjaxx@gmail.com>
Date: Tue, 12 Nov 2024 17:34:20 -0600
Subject: [PATCH] fixed navbar and toolbar (again)

---
 static/canvas.css  | 19 ++++++++++++-------
 static/canvas.html |  4 ++--
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/static/canvas.css b/static/canvas.css
index 944c730..f0e864c 100644
--- a/static/canvas.css
+++ b/static/canvas.css
@@ -21,16 +21,18 @@ html, body {
 }
 
 .navbarCont {
-    position: relative;
     background-color: var(--utsa-blue);
     width: 100%;
     text-align: center;
-    margin-bottom: 10vh;
+    position: fixed;
+    top: 0;
 }
 
 .navbarCont a {
+    display: flex;
+    flex-direction: row;
     float: left;
-    text-align: center;
+    justify-content: space-around;
     padding: 12px;
     text-decoration: none;
     color: var(--utsa-orange);
@@ -77,7 +79,8 @@ html, body {
     background-color: var(--utsa-blue);
     width: 100%;
     height: auto;
-    margin-top: 11vh;
+    position: fixed;
+    bottom: 0;
 }
 
 .toolbarItems {
@@ -122,11 +125,9 @@ canvas {
     }
 
     .navbarCont {
-        position: relative;
         background-color: var(--utsa-blue);
         width: 100%;
         text-align: center;
-        margin-bottom: 11vh;
     }
     
     .navbarCont a {
@@ -140,5 +141,9 @@ canvas {
         align-self: center;
         height: 500px;
         width: 500px;
-  }
+    }
+    
+    .toolbar {
+        font-size: 80%;
+    }
 }
\ No newline at end of file
diff --git a/static/canvas.html b/static/canvas.html
index b33881f..b488eb0 100644
--- a/static/canvas.html
+++ b/static/canvas.html
@@ -24,14 +24,14 @@
         <canvas id="canvas" width="500" height="500" style="border:1px solid #000000;" alt="canvas"></canvas>
         <div id="toolbar" class="d-flex align-items-center toolbar">
           <div class="toolbarItems">
-            <button id="zoomOut">-</button>
+            <!--extra space for toolbar-->
           </div>
           <div class="toolbarItems">
             <label for="stroke">Strokes</label>
             <input id="stroke" name="stroke" type="color" class="strokePicker">
           </div>
           <div class="toolbarItems">
-            <button onclick="zoomIn"id="zoomIn">+</button>
+            <!--extra space for toolbar-->
           </div>
         </div>
       <!--</div>-->