Minor improvements

app/client/src/js/_layout.js

@@ -0,0 +1 @@
+// your custom JS

app/client/src/js/app.js

@@ -23,12 +23,12 @@ Vue.use(Carousel);*/
 
 import 'offcanvas-bootstrap/dist/js/bootstrap.offcanvas';
 
-// import your custom UI components
-import './main';
+import './_main';
+import './_layout';
 
 function importAll(r) {
     return r.keys().map(r);
 }
 
 const images = importAll(require.context('../img/', false, /\.(png|jpe?g|svg)$/));
-const fontAwesome = importAll(require.context('font-awesome', false, /\.(otf|eot|svg|ttf|woff|woff2)$/));
+const fontAwesome = importAll(require.context('font-awesome', false, /\.(otf|eot|svg|ttf|woff|woff2)$/));

app/client/src/scss/app.scss

@@ -66,11 +66,20 @@ img {
 a:hover,
 a:focus {
     opacity: .8;
+
+    .fas,
+    .fab,
+    &.fas,
+    &.fab {
+        transform: rotate(-180deg);
+    }
 }
 
 // transactions
 .transition,
 a, a img,
+a .fas, a .fab,
+a.fas, a.fab,
 button, input, optgroup, select, textarea,
 .btn,
 .alert,

app/templates/Objects/SocialLinks.ss

@@ -13,7 +13,7 @@
     <% end_if %>
     <% if $GooglePlus %>
         <a href="$GooglePlus.URL" title="Google+" target="_blank">
-            <i class="fab fa-google-plus-official"></i>
+            <i class="fab fa-google-plus-g"></i>
             <i class="d-none">Google+</i>
         </a>
     <% end_if %>
@@ -29,4 +29,4 @@
             <i class="d-none">Twitter</i>
         </a>
     <% end_if %>
-</div>
+</div>