Merge pull request ShareDropio#104 from cowbell/update-footer

Update footer

Author: szimek

app/styles/layout/_footer.sass

@@ -2,8 +2,8 @@
   position: fixed
   z-index: 200
   bottom: 0
-  width: 100%
-  height: 54px
+  left: 0
+  right: 0
   background-color: rgba(white,.6)
   text-align: center
   color: #b0b0b0
@@ -20,57 +20,30 @@
     font-size: 1.1rem
     line-height: 1.4
     margin-top: .2em
+    padding: 0 10px
 
-  .cowbell-labs
-    position: absolute
-    left: 15px
-    bottom: 15px
-    font-size: 1rem
-    > a
-      display: inline-block
-      vertical-align: middle
-      margin: -1px 0 0 2px
-      width: 102px
-      height: 16px
-      background: transparent url("../assets/images/cowbell-labs.svg") no-repeat center
+  .logos
+    display: flex
+    align-items: center
+    justify-content: space-between
+    padding: 10px
+
+  .left,
+  .right
+    display: flex
 
   .github
-    position: absolute
-    left: 175px
-    bottom: 13px
     width: 20px
     height: 20px
     background: transparent url("../assets/images/github.svg") no-repeat center
 
-  .facebook
-    position: absolute
-    left: 280px
-    bottom: 11px
-    height: 21px
-    border: none
-    overflow: hidden
-
   .twitter
-    position: absolute
-    left: 210px
-    bottom: 12px
     width: 60px
     height: 20px
+    margin-left: 8px
 
   .webrtc
-    position: absolute
-    right: 106px
-    bottom: 17px
     width: 72px
     height: 12px
     background: transparent url("../assets/images/webrtc.png") no-repeat center
     background-size: 71px 12px
-
-  .firebase
-    position: absolute
-    right: 15px
-    bottom: 15px
-    width: 76px
-    height: 20px
-    background: transparent url("../assets/images/firebase.png") no-repeat center
-    background-size: 76px 20px

app/styles/layout/_media.sass

@@ -70,16 +70,7 @@
           margin-left: 10px
 
   .l-footer
-    height: 100px
-    padding: 15px
-    .cowbell-labs
-      > span
-        display: none
-    .github
-      left: 50%
-      margin-left: -10px
-    .webrtc, .facebook, .twitter
-      display: none
+    padding-top: 10px
 
   .circles
     display: none

app/templates/application.hbs

@@ -21,12 +21,13 @@
 
 <footer class="l-footer">
   <p class="about">{{outlet "about_you"}}</p>
-  <div class="cowbell-labs">
-    <span>Made by</span>
-    <a href="https://cowbell-labs.com/" target="_blank" rel="noopener noreferrer"><span>Cowbell Labs</span></a>
+  <div class="logos">
+    <div class="left">
+      <a href="https://github.com/cowbell/sharedrop" class="github" target="_blank" rel="noopener noreferrer"><span>Cowbell Labs Github</span></a>
+      <iframe title="twitter" loading="lazy" class="twitter" src="https://platform.twitter.com/widgets/tweet_button.html?url=https%3A%2F%2Fwww.sharedrop.io&text=ShareDrop%20%E2%80%93%20easily%20and%20securely%20share%20files%20of%20any%20size%20directly%20between%20devices%20using%20your%20browser&count=none" scrolling="no" frameborder="0" allowtransparency="true" ></iframe>
+    </div>
+    <div class="right">
+      <a href="http://www.webrtc.org/" class="webrtc" target="_blank" rel="noopener noreferrer"><span>WebRTC</span></a>
+    </div>
   </div>
-  <a href="https://github.com/cowbell/sharedrop" class="github" target="_blank" rel="noopener noreferrer"><span>Cowbell Labs Github</span></a>
-  <iframe title="twitter" loading="lazy" class="twitter" src="https://platform.twitter.com/widgets/tweet_button.html?url=https%3A%2F%2Fwww.sharedrop.io&text=ShareDrop%20%E2%80%93%20easily%20and%20securely%20share%20files%20of%20any%20size%20directly%20between%20devices%20using%20your%20browser&count=none" scrolling="no" frameborder="0" allowtransparency="true" ></iframe>
-  <a href="http://www.webrtc.org/" class="webrtc" target="_blank" rel="noopener noreferrer"><span>WebRTC</span></a>
-  <a href="https://www.firebase.com/" class="firebase" target="_blank" rel="noopener noreferrer"><span>Powered by Firebase</span></a>
 </footer>