From 7804d9208e4b4a56c17847d053b4b786c3083373 Mon Sep 17 00:00:00 2001
From: Oskar-Mikael <oskar.m.bostrom@gmail.com>
Date: Mon, 20 Feb 2023 21:29:20 +0100
Subject: [PATCH] Changed styling

---
 index.html |  6 +++---
 style.css  | 14 ++++++++++++++
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 025c264..ea199d8 100644
--- a/index.html
+++ b/index.html
@@ -45,7 +45,7 @@
                 </h2>
                 <h3 id="result"></h3>
                 <form>
-                    <select id="selectNumber">
+                    <select id="selectNumber" class="dropdown">
                         <option value="1">
                             Pick 1
                         </option>
@@ -62,15 +62,15 @@
                             Pick 5
                         </option>
                     </select>
-                <button type="submit" id="submit">Randomize</button>
                 </form>
+                <button type="submit" id="submit">Randomize</button>
             </div>
 
         </div>
 
         <button id="reset">Reset</button>
         <script src="script.js"></script>
-        
+
     </body>
 
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index c485714..28729ea 100644
--- a/style.css
+++ b/style.css
@@ -56,6 +56,20 @@ ol>li {
     color: rgb(0, 0, 0);
 }
 
+.dropdown {
+    height: 50px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    padding-left: 5px;
+    padding: 10px;
+    font-size: 18px;
+    font-family: 'Open Sans', sans-serif;
+    color: #555;
+    background-color: rgb(255, 255, 255);
+    background-image: none;
+    border: 1px solid rgb(41, 18, 18);
+}
+
 @media screen and (max-width:768px) {
     #grid {
         grid-template-columns: 1fr;