fix(app-footer): style tweaks

Author: luiskcs89

src/components/app-footer/app-footer.scss

@@ -166,9 +166,14 @@
       border-radius: 16px;
       box-shadow: 0 2px 4px 0 rgba(128, 128, 128, 0.5);
       height: 34px;
+      position: absolute;
+      bottom: 20px;
+      width: 100%;
 
       @include media-breakpoint-down(sm) {
         max-width: none;
+        position: initial;
+        width: initial;
       }
 
       &:hover {

src/components/app-footer/app-footer.tsx

@@ -55,17 +55,17 @@ export class AppFooter {
             <div class="col-lg-6 col-md-6 col-sm-12 order-first order-md-2 social">
               <p class="follow">
                 Follow us:
+                <a href="https://www.instagram.com/openforgemobile/" id="instagram" target="_blank" rel="noopener">
+                  <i class="fab fa-instagram" aria-hidden="true" />
+                </a>
                 <a href="https://twitter.com/openforgemobile" id="twitter" target="_blank" rel="noopener">
                   <i class="fab fa-twitter-square" aria-hidden="true" />
                 </a>
-                <a href="https://www.facebook.com/openforgemobile/" id="facebook" target="_blank" rel="noopener">
-                  <i class="fab fa-facebook-square" aria-hidden="true" />
-                </a>
                 <a href="https://www.linkedin.com/company/openforge/" id="linkedin" target="_blank" rel="noopener">
                   <i class="fab fa-linkedin" aria-hidden="true" />
                 </a>
-                <a href="https://www.instagram.com/openforgemobile/" id="instagram" target="_blank" rel="noopener">
-                  <i class="fab fa-instagram" aria-hidden="true" />
+                <a href="https://www.facebook.com/openforgemobile/" id="facebook" target="_blank" rel="noopener">
+                  <i class="fab fa-facebook-square" aria-hidden="true" />
                 </a>
               </p>
             </div>