From 4eebcc75a174b82033b5092f837b1477bcb628eb Mon Sep 17 00:00:00 2001
From: eleanor-park <eleanor_park@brown.edu>
Date: Wed, 1 Jan 2025 21:28:23 -0500
Subject: added size option to image generation

---
 src/client/views/smartdraw/SmartDrawHandler.scss | 64 +++++++++++++++---------
 1 file changed, 41 insertions(+), 23 deletions(-)

(limited to 'src/client/views/smartdraw/SmartDrawHandler.scss')

diff --git a/src/client/views/smartdraw/SmartDrawHandler.scss b/src/client/views/smartdraw/SmartDrawHandler.scss
index 513779512..4b21c92a5 100644
--- a/src/client/views/smartdraw/SmartDrawHandler.scss
+++ b/src/client/views/smartdraw/SmartDrawHandler.scss
@@ -1,6 +1,6 @@
 .smart-draw-handler {
     position: absolute;
-    // width: 265px;
+    width: 265px;
 
     .smart-draw-main {
         display: flex;
@@ -18,36 +18,54 @@
         justify-content: center;
     }
 
-    .smartdraw-svg-options {
-        margin-top: 5px;
+    .smartdraw-options-container {
+        padding: 5px;
+        font-weight: bolder;
+        text-align: center;
         display: flex;
-        flex-direction: row;
-        justify-content: space-around;
+        flex-direction: column;
 
-        .auto-color {
+        .smartdraw-options {
+            font-weight: normal;
+            margin-top: 5px;
             display: flex;
-            flex-direction: column;
-            align-items: center;
-            width: 30%;
-        }
+            flex-direction: row;
+            justify-content: space-around;
 
-        .complexity {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            width: 31%;
-        }
+            .smartdraw-auto-color {
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                width: 30%;
+                margin-top: 3px;
+            }
 
-        .size {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            width: 39%;
+            .smartdraw-complexity {
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                width: 31%;
+                margin-top: 3px;
+            }
 
-            .size-slider {
-                width: 80%;
+            .smartdraw-size {
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                width: 39%;
+                margin-top: 3px;
             }
         }
+
+        .smartdraw-dimensions {
+            font-weight: normal;
+            margin-top: 7px;
+            padding-left: 25px;
+        }
+    }
+
+    .smartdraw-slider {
+        width: 65px;
     }
 
     .regenerate-box,
-- 
cgit v1.2.3-70-g09d2