From a259008a9a02c501da4e23c21fb171b9f0dfa79c Mon Sep 17 00:00:00 2001
From: jostheta <f20201632@goa.bits-pilani.ac.in>
Date: Fri, 19 Jul 2024 00:55:35 +0530
Subject: [PATCH] added box shadow and improved add question ui

---
 application/config/database.php    |  4 ++--
 application/views/forms/create.php |  4 ++--
 assets/css/style.css               | 32 ++++++++++++++++++++++++++----
 3 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/application/config/database.php b/application/config/database.php
index e8ab51e..de9475a 100644
--- a/application/config/database.php
+++ b/application/config/database.php
@@ -76,8 +76,8 @@ $query_builder = TRUE;
 $db['default'] = array(
 	'dsn'	=> '',
 	'hostname' => 'localhost',
-	'username' => 'jostheta',
-	'password' => 'Pa$$w0rd',
+	'username' => 'root',
+	'password' => '',
 	'database' => 'gforms',
 	'dbdriver' => 'mysqli',
 	'dbprefix' => '',
diff --git a/application/views/forms/create.php b/application/views/forms/create.php
index fb91ac2..15cafd4 100644
--- a/application/views/forms/create.php
+++ b/application/views/forms/create.php
@@ -63,12 +63,12 @@
         </div>
 
         <div class="sidebar">
-            <button id="add-question">
+            <button id="add-question" class="add-question-button">
             <img src="<?= base_url() ?>assets/images/add.png" width="20px" height="20px" alt="add button">
             </button>
-            <button id="submit-form" style="color: #fff; background-color: #1a73e8; font-weight: 500; padding: 10px; border: none;">Submit</button>
         </div>
     </div>
+    <button id="submit-form" class="submit-button">Submit</button>
 </div>
 
     <!-- now we are trying the side bar -->
diff --git a/assets/css/style.css b/assets/css/style.css
index 8b564d8..933d599 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -24,9 +24,8 @@
 
   .section{
     margin: 0 auto;
-    width: 50%;
     display: flex;
-    width: 52%;
+    
     align-items: center;
   }
 
@@ -50,7 +49,7 @@
     border-radius: 8px;
     padding: 30px 25px;
     text-transform: capitalize;
-    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
+    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
   }
 
   .form_container_top_title{
@@ -91,7 +90,7 @@
     margin-top: 10px;
     margin-bottom: 10px;
     font-family: 'Roboto';
-    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
+    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    
   }
 
@@ -290,7 +289,32 @@ tr:nth-child(even) {
    
 }
 
+.sidebar{
+  background-color: white;
+  margin-left: 13px;
+  padding: 10px;
+  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
+  border-radius: 5px;
+}
 
+.submit-button{
+  color: #fff; 
+  background-color: #7349bd; 
+  font-family:'Roboto';
+  font-weight: 500;
+  padding: 10px;
+  border: none;
+  width: 96px;
+  border-radius: 5px;
+  text-align: center;
+  margin-left:328px;
+  margin-top: 10px;
+}
+
+.add-question-button{
+  border:none;
+  background-color: white;
+}