From fb604b1896c90f10681094f1e53d0435eda7d6e4 Mon Sep 17 00:00:00 2001
From: codevictory <main@codevictory.net>
Date: Mon, 17 May 2021 21:46:52 +0300
Subject: [PATCH] Adding styling for <i> inside <form>. Refactoring.

---
 assets/css/pages/form.scss | 68 ++++++++++++++++++++------------------
 1 file changed, 36 insertions(+), 32 deletions(-)

diff --git a/assets/css/pages/form.scss b/assets/css/pages/form.scss
index 174acd8..2d64e29 100644
--- a/assets/css/pages/form.scss
+++ b/assets/css/pages/form.scss
@@ -1,47 +1,51 @@
 form {
   display: flex;
   flex-direction: column;
-}
 
-.checkbox-container {
-  display: flex;
+  .checkbox-container {
+    display: flex;
 
-  label {
-    text-align: left;
+    label {
+      text-align: left;
+    }
   }
-}
 
-.text-input {
-  display: flex;
-  align-items: center;
+  .text-input {
+    display: flex;
+    align-items: center;
 
-  label {
-    width: 29%;
-    text-align: left;
+    label {
+      width: 29%;
+      text-align: left;
+    }
+
+    input {
+      width: 71%;
+    }
+
+    @media screen and (max-width: 600px) {
+      label {
+        width: 47%;
+      }
+    }
   }
 
   input {
-    width: 71%;
+    margin-bottom: 10px;
   }
 
-  @media screen and (max-width: 600px) {
-    label {
-      width: 47%;
-    }
+  .confirmed-input {
+    display: flex;
+    justify-content: center;
+    padding-bottom: 50px;
+  }
+
+  .submit-button {
+    padding-top: 31px;
+    padding-bottom: 31px;
+  }
+
+  i {
+    margin-top: 30px;
   }
 }
-
-input {
-  margin-bottom: 10px;
-}
-
-.confirmed-input {
-  display: flex;
-  justify-content: center;
-  padding-bottom: 50px;
-}
-
-.submit-button {
-  padding-top: 31px;
-  padding-bottom: 31px;
-}