structuring css in files #34 #29 change remove button to red

tullinge · Apr 22, 2021 · 36d5820 · 36d5820
1 parent d6a1f42
commit 36d5820
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 4 deletions.
diff --git a/website/index.php b/website/index.php
@@ -54,7 +54,7 @@
 if(!isset($_SESSION['access_token']))
 {
  //Create a URL to obtain user authorization.
- $login_button = '<a href="'.$google_client->createAuthUrl().'"><p>Login</p></a>';
+ $login_button = '<a href="'.$google_client->createAuthUrl().'"><img src="website_structure/img/btn_google_signin_dark_normal_web.png"></a>';
 }
 
 $email_template_temp = str_replace($_SESSION['given_name'], '§given_name§', $email_template);

diff --git a/website/user_list.php b/website/user_list.php
@@ -115,7 +115,7 @@
                             margon-bottom: 1vw;
                             grid-gap: .5vw;
                             grid-template-rows: 1fr 1fr;
-                            grid-template-columns: 3fr 4fr 3fr 20fr 10fr;
+                            grid-template-columns: 3fr 6fr 3fr 20fr 8fr;
                             grid-template-areas:
                             "grid_name grid_email grid_rank . grid_added_by"
                             ". grid_delete_form grid_update_form grid_update_form grid_update_form";
@@ -174,7 +174,7 @@
                     <div class="grid_user_'.$user['id'].'_delete_form">
                         <form action="scripts/delete_user-script.php" method="post">
                             <input type="hidden" name="id" value="'.$user['id'].'">
-                            <button type="submit" name="delete_user-submit"><p>REMOVE USER</p></button>
+                            <button type="submit" name="delete_user-submit" class="remove_user_button"><p>REMOVE USER</p></button>
                         </form>
                     </div>
                     <div class="grid_user_'.$user['id'].'_update_form">

diff --git a/website/website_structure/img/btn_google_signin_dark_normal_web.png b/website/website_structure/img/btn_google_signin_dark_normal_web.png
diff --git a/website/website_structure/root.css b/website/website_structure/root.css
@@ -1,6 +1,6 @@
 *{
     margin: 0;
     padding: 0;
-    font-size: 14px;
+    font-size: 1vw;
     text-decoration: none;
   }
diff --git a/website/website_structure/user_list.css b/website/website_structure/user_list.css
@@ -0,0 +1,6 @@
+.remove_user_button{
+    background-color: red;
+}
+.remove_user_button p{
+    font-weight: bold;
+}