Mobile layout fixes

client/app/components/navbar/navbar.html

@@ -1,13 +1,14 @@
 <div class="sidebar-toggle-box">
     <i class="fa fa-bars"></i>
 </div>
-<a ui-sref="root" class="logo">Deep<span>South</span>Sounds</a>
+<a ui-sref="root" class="logo hidden-md hidden-lg">D<span>S</span>S</a>
+<a ui-sref="root" class="logo visible-md visible-lg">Deep<span>South</span>Sounds</a>
 <div class="nav notify-row" id="top_menu">
     <ul class="nav top-menu" ng-show="$root.currentUser">
         <dss-notifications />
     </ul>
 </div>
-<div class="top-nav ">
+<div class="top-nav visible-sm">
     <ul class="nav top-menu top-nav-buttons">
         <li id="navbar-upload-button">
             <a ui-sref="root.upload">

client/app/views/mixes/mixes.directive.html

@@ -2,7 +2,7 @@
     <div class="panel-heading">
         <!--<a ui-sref="root.user.mix({user: mix.user.slug, mix: mix.slug})"><h3><i class="fa fa-headphones"></i>{{mix.title}}</h3></a>-->
         <a ui-sref="root.user.mix({user: mix.user.slug, mix: mix.slug})"><i class="fa fa-headphones"></i>&nbsp;{{mix.title}}</a>
-        <div class="tools pull-right">
+        <div class="tools pull-right visible-sm">
             <btn clip-copy="getMixUrl(mix)" clip-click="copyUrl(mix)" class="btn btn-mini content-refresh" data-toggle="tooltip" data-title="Copy Link">
                 <i class="fa fa-copy"></i>
             </btn>
@@ -15,15 +15,12 @@
         </div>
     </div>
     <div class="panel-body">
-        <dss-mix-image class="col-md-5"></dss-mix-image>
-        <div class="col-md-6 pull-right">
-            <div class="row">
-                <h4></h4>
-            </div>
+        <dss-mix-image class="col-md-5 col-sm-12"></dss-mix-image>
+        <div class="col-md-6 col-sm-12 pull-right">
             <div class="row">
                 <aside>By <a ui-sref="root.user({user: mix.user.slug})">{{mix.user.display_name}}</a></aside>
             </div>
-            <div class="row genre-wrapper">
+            <div class="row genre-wrapper visible-sm">
                 <a ui-sref="root.mixes({genre: g.slug})" class="btn genre-btn" ng-repeat="g in mix.genres">{{g.description}}</a>
             </div>
             <div class="row">

client/app/views/mixes/mixes.less

@@ -89,6 +89,12 @@
   margin-right: 24px;
 }
 
+@media (max-width: 767px) {
+  .mix-tools {
+    bottom: 0px !important;
+  }
+}
+
 .mix-tools {
   bottom: -47px;
   height: 50px;