From b91e057666cd2e5978794128c29d7ed94e396836 Mon Sep 17 00:00:00 2001
From: Fergal Moran <fergal.moran@gmail.com>
Date: Mon, 18 Aug 2014 20:33:13 +0100
Subject: [PATCH] Initial mobile friendlyness

---
 static/js/dss/templates/header.jst        |  8 ++++----
 static/js/dss/templates/mixitemview.jst   | 16 ++++++++--------
 static/js/dss/templates/mixlistlayout.jst |  2 +-
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/static/js/dss/templates/header.jst b/static/js/dss/templates/header.jst
index c695a09..9cf203b 100644
--- a/static/js/dss/templates/header.jst
+++ b/static/js/dss/templates/header.jst
@@ -8,7 +8,7 @@
 
         <span class="icon-bar"></span>
     </button>
-    <div class="navbar-header pull-left">
+    <div class="navbar-header pull-left hidden-xs">
         <a href="/" class="navbar-brand">
             Deep|South|Sounds
         </a>
@@ -16,11 +16,11 @@
 
     <div class="navbar-buttons navbar-header pull-right" role="navigation">
         <ul class="nav ace-nav">
-            <li id="header-search"></li>
+            <li id="header-search" class="hidden-xs"></li>
+            <% if (com.podnoms.settings.currentUser != -1) { %>
             <li class="nav ace-nav" id="header-notifications">
                 <!-- End Notifications li -->
             </li>
-            <% if (com.podnoms.settings.currentUser != -1) { %>
             <li class="light-blue">
                 <a data-toggle="dropdown" data-bypass="true" href="#" class="dropdown-toggle">
                     <img id="nav-profile-image" class="nav-user-photo"
@@ -56,7 +56,7 @@
                 </ul>
             </li>
             <% } else { %>
-            <li>
+            <li class="pull-right">
                 <a data-bypass="true" id="header-login-button">Login/Signup</a>
             </li>
             <% } %>
diff --git a/static/js/dss/templates/mixitemview.jst b/static/js/dss/templates/mixitemview.jst
index fcc2896..759b90f 100644
--- a/static/js/dss/templates/mixitemview.jst
+++ b/static/js/dss/templates/mixitemview.jst
@@ -1,6 +1,6 @@
 <div class="row mix-item-container">
     <div class="col-md-2 mix-profile-container">
-        <div class="mix-image-container">
+        <div class="mix-image-container hidden-xs">
             <img alt="mix-logo" class="mix-image-image img-rounded img-polaroid" src="<%= mix_image %>"/>
         </div>
         <span class="msg-body">
@@ -68,13 +68,13 @@
                             <i class="ace-icon fa fa-twitter-square light-blue bigger-180"></i>
                         </a>
                         <a data-mode="embed"
-                           class="share-button share-button-embed">
+                           class="share-button share-button-embed  hidden-xs">
                             <i class="ace-icon fa fa-wordpress light-orange bigger-180"></i>
                         </a>
                     </div>
                 </div>
                 <% if (utils.isAuth()) { %>
-                <div class="footer-button">
+                <div class="footer-button hidden-xs">
                     <button class="btn btn-info btn-xs dropdown-toggle" data-toggle="dropdown"
                             id="playlist-dropdown">
                         <i id="notification-icon" class="fa fa-list-ul"></i>
@@ -87,7 +87,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="like-button footer-button">
+                <div class="like-button footer-button ">
                     <a class="btn <% if (liked) { %>btn-pink<% } else { %>btn-light<% } %> btn-xs"
                        id="like-<%= id %>"
                        data-id="<%= id %>">
@@ -95,7 +95,7 @@
                         <% if (liked) { %>d<% } %>
                     </a>
                 </div>
-                <div class="favourite-button footer-button">
+                <div class="favourite-button footer-button hidden-xs">
                     <a class="btn <% if (favourited) { %>btn-pink<% } else { %>btn-light<% } %> btn-xs"
                        id="favourite-<%= id %>"
                        data-id="<%= id %>"><i class="ace-icon fa fa-star-empty"></i> Favourite
@@ -103,7 +103,7 @@
                     </a>
                 </div>
                 <% } %>
-                <div class="footer-button">
+                <div class="footer-button hidden-xs">
                     <ul class="list-nostyle list-horiz">
                         <li title="<%= play_count %> Plays" class="stats-item bordered-right">
                             <span class="ace-icon fa fa-play-circle tooltip-success" data-rel="tooltip"
@@ -136,11 +136,11 @@
                     </ul>
                 </div>
                 <% if(can_edit) { %>
-                <div class="edit-button footer-button-right">
+                <div class="edit-button footer-button-right  hidden-xs">
                     <a href="/mix/edit/<%= slug %>" class="btn btn-xs"
                        data-id="<%= id %>"><i class="ace-icon fa fa-edit"></i>Edit</a>
                 </div>
-                <div class="delete-button footer-button-right">
+                <div class="delete-button footer-button-right  hidden-xs">
                     <a data-bypass="true" class="btn btn-xs btn-danger"
                        data-id="<%= id %>"><i class="ace-icon fa fa-trash"></i>Delete</a>
                 </div>
diff --git a/static/js/dss/templates/mixlistlayout.jst b/static/js/dss/templates/mixlistlayout.jst
index a096e53..0ae7148 100644
--- a/static/js/dss/templates/mixlistlayout.jst
+++ b/static/js/dss/templates/mixlistlayout.jst
@@ -1,4 +1,4 @@
-<div id="mix-list-heading"></div>
+<div id="mix-list-heading" class="hidden-xs"></div>
 <div class="row">
     <div id="mix-list-body"></div>
 </div>
\ No newline at end of file