footer change and css addition

public/css/style.css

@@ -1589,7 +1589,7 @@ footer .credits {
 .form {
     position: relative;
     z-index: 1;
-    background: rgb(236, 233, 233);
+    background: #F8F9F9;
     max-width: 360px;
     margin: 0 auto 100px;
     padding: 45px;
@@ -1600,7 +1600,7 @@ footer .credits {
 .regform {
     position: relative;
     z-index: 1;
-    background: rgb(236, 233, 233);
+    background: #F8F9F9;
     max-width: 600px;
     margin: 0 auto 100px;
     padding: 45px;

src/components/shared/footerSection.vue

@@ -74,7 +74,7 @@
               </div>
               <div class="w-body-a">
                 <ul class="list-unstyled">
-                  <li class="item-list-a">
+                  <li class="item-list-a" style="margin-bottom: 1em">
                     <a href="https:\\www.daelive.com">
                       <img
                         class="img-fluid"
@@ -84,8 +84,8 @@
                       />
                     </a>
                   </li>
-                  <br />
-                  <li class="item-list-a">
+
+                  <li class="item-list-a" style="margin-bottom: 1em">
                     <a href="https:\\www.gomelo.co.za">
                       <img
                         class="img-fluid"
@@ -95,8 +95,8 @@
                       />
                     </a>
                   </li>
-                  <br />
-                  <li class="item-list-a">
+
+                  <li class="item-list-a" style="margin-bottom: 1em">
                     <a href="https:\\www.rci.co.za">
                       <img
                         class="img-fluid"
@@ -106,8 +106,8 @@
                       />
                     </a>
                   </li>
-                  <br />
-                  <li class="item-list-a">
+
+                  <li class="item-list-a" style="margin-bottom: 1em">
                     <a href="https:\\www.voasa.co.za">
                       <img
                         class="img-fluid"