improve sharing button (desktop & mobile)

Author: feliks-montez

src/Site/views/languageforge/container/languageforge.html.twig

@@ -104,9 +104,9 @@
                 </div>
                 <ul class="nav navbar-nav">
                     <li class='nav-item' ng-if="$ctrl.header.settings.length > 0 && $ctrl.currentUserIsProjectOwner">
-                        <a id="shareBtn" class="btn btn-std my-auto" title="Share" href="#"
+                        <a id="shareBtn" class="btn btn-primary my-auto" title="Share" href="#"
                                          ng-click="$ctrl.openShareWithOthersModal()">
-                            <span>Share </span><i class="fa fa-share-alt"></i>
+                            <i class="fa fa-share-alt iconPadding"></i><span>Share</span>
                         </a>
                     </li>
                     <li class="nav-item" uib-dropdown>

src/Site/views/languageforge/theme/default/sass/_global.scss

@@ -42,8 +42,12 @@
   }
 
   #shareBtn {
-    font-size: 1em !important;
     padding: 0 0.375rem;
+    font-size: 1em !important;
+
+    i.fa {
+      padding-right: 0.5em;
+    }
   }
 }
 
@@ -264,17 +268,21 @@
   }
 
   ul.navbar-nav {
+    flex-flow: row;
+
     li {
       display: flex;
     }
   }
 
   #shareBtn {
     margin: 12px;
-    font-size: 1.5em;
+    border: 1px solid white;
+
 
     i.fa, span {
       line-height: 24px;
+      font-size: 1rem;
     }
   }
 }