Fixed phone display

interface/static/interface/css/polyphonic.css

@@ -28,7 +28,11 @@ BODY {
     background-position: center top;
     background-size: 100%;
     background-repeat: no-repeat;
+    margin: 0px;
+    height: 100%;
     display: flex;
+    align-items: flex-start;
+    justify-content: center;
 }
 
 .main {
@@ -39,7 +43,6 @@ BODY {
     font-family: 'Quicksand', Arial, Helvetica, sans-serif;
     font-size: 14pt;
     background-color: white;
-    align-items: center;
 }
 
 .content {
@@ -68,9 +71,6 @@ BODY {
     .smhide {
         display: none;
     }
-    UL.nav-buttons {
-        flex-direction: column;
-    }
     .collapse {
         flex-direction: column;
     }

interface/templates/base.html

@@ -21,17 +21,17 @@
       <ul class="nav-buttons">
         {% if request.ensemble_id %}
         <li class="nav-item">
-          <a class="nav-link" href="{% url 'ensemble_detail' %}"><i class="fas fa-music"></i> <span class="">My
+          <a class="nav-link" href="{% url 'ensemble_detail' %}"><i class="fas fa-music" title="Projects"></i> <span class="smhide">My
               Projects</span></a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="{% url 'register' %}"><i class="fas fa-users"></i> <span class="">My
+          <a class="nav-link" href="{% url 'register' %}"><i class="fas fa-users" title="Ensembles"></i> <span class="smhide">My
               Ensembles</span></a>
         </li>
         {% endif %}
         {% if request.is_admin %}
         <li class="nav-item">
-          <a href="{% url 'manage' %}"><i class="fas fa-user-lock"></i></a>
+          <a href="{% url 'manage' %}"><i class="fas fa-user-lock" title="Admin"></i></a>
         </li>
         {% endif %}
       </ul>