mobile nav plus additional nav options in admin panel for compactness

myriad/static/style.css

@@ -75,7 +75,7 @@ form textarea{
 }
 .manage_images_2{
     clear:both;
-    width:500px;
+    width:600px;
 }
 .manage_icons_3{
     display:block;
@@ -229,8 +229,9 @@ form textarea{
     margin-top:20px;
 }
 #nav{
+    margin-left:-20px;
     margin-right:20px;
-    flex:20%;
+    flex:25%;
     height:fit-content;
     position:sticky;
     position: -webkit-sticky;
@@ -256,7 +257,13 @@ form textarea{
 @media (max-width: 1000px) 
 {
   #main{
-    width:90%;
+    width:100%;
+    margin-left:-20px;
+  }
+  .profile{
+    width:100%;
+    margin:auto;
+    margin-top:20px;
   }
   #nav{
     display:none;
@@ -274,7 +281,16 @@ form textarea{
     margin-top:10px;
   }
   .container{
-    margin:20px;
+    margin-top:20px;
+    margin-left:auto;
+    margin-right:auto;
+    width:300px;
+  }
+  .icon{
+    width:80px;
+    height:80px;
+  }
+  .manage_icons_3, .manage_blinkies_3, .manage_stamps_3{
+    clear:both;
   }
-  
 }

myriad/templates/base.html

@@ -8,7 +8,7 @@
 <link rel="stylesheet" href="{{ url_for('static', filename='themes/'+theme) }}">
 {% endfor %}
 
-<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
+<meta name="viewport" content="width=device-width">
 
 
 
@@ -25,7 +25,7 @@
     <div class="heading">Manage</div>
     <div class="navitem">> <a href="{{ url_for('manage.new') }}">Add New Member</a></div>
     <div class="navitem">> <a href="{{ url_for('manage.import_member_route') }}">Import New Member</a></div>
-    <div class="navitem">> <a href="{{ url_for('manage.groups') }}">Member groups</a></div>
+    <div class="navitem">> <a href="{{ url_for('manage.groups') }}">Manage groups</a></div>
     <div class="navitem">> <a href="{{ url_for('manage.assets') }}">Site Assets</a></div>
     <div class="navitem">> <a href="{{ url_for('manage.admin') }}">Site Administration</a></div>
     {% endif %}
@@ -52,7 +52,11 @@
     </div>
 
     <div id="mobile-nav">
-      <a href="{{ url_for('home.index') }}">Home</a> | <a href="{{ url_for('home.full_list') }}">Full List</a> | <a href="{{ url_for('home.groups') }}">Groups</a> | <a href="{{ url_for('blog.blog') }}">Blog</a>
+      <a href="{{ url_for('home.index') }}">Home</a> | 
+      <a href="{{ url_for('home.full_list') }}">Full List</a> | 
+      <a href="{{ url_for('home.groups') }}">Groups</a> | 
+      <a href="{{ url_for('blog.blog') }}">Blog</a> | 
+      {% if g.user %}<a class="mobile" href="{{ url_for('manage.admin') }}">Admin</a>{% endif %}
     </div>
 
   

myriad/templates/manage/admin.html

@@ -6,6 +6,12 @@
 
 {% block content %}
 <div class="container">
+  <div class="mobile">
+    <div class="heading">Manage Members</div>
+    <a href="{{ url_for('manage.new') }}">Add new member</a><br><br>
+    <a href="{{ url_for('manage.groups') }}">Manage groups</a><br><br>
+    <a href="{{ url_for('manage.assets') }}">Site assets</a>
+  </div>
 
   <div class="heading">Front Log</div>
   <div class="maintext">Front change history</div>

myriad/templates/manage/edit.html

@@ -33,9 +33,7 @@
     <input type="submit" value="Submit">
   </form>
 
-  <a href="{{ url_for('manage.delete', mid=member[0]) }}" class="danger">Delete member</a> - WARNING: this is permanent and cannot be undone!
-
-
+  {% if unjoined_groups or joined_groups %}
   <div class="heading">Manage groups</div>
 
   <form method="post" id="groups">
@@ -55,11 +53,12 @@
     </select>
     <input type="submit" value="Remove from group">
   </form>
+  {% endif %}
 
 
   <div class="heading">Manage Icons</div>
   <form method="post" enctype="multipart/form-data" id="icons">
-      <input type="file" name="file">
+      <input type="file" name="file" class="mobile-edit">
       <input type="submit" value="Upload New Icon">
   </form>
 
@@ -80,7 +79,7 @@
 
   <div class="heading">Manage Blinkies</div>
   <form method="post" enctype="multipart/form-data" id="blinkies">
-      <input type="file" name="blinkie">
+      <input type="file" name="blinkie" class="mobile-edit">
       <input type="submit" value="Upload to Blinkies">
   </form>
 
@@ -99,7 +98,7 @@
 
   <div class="heading">Manage Stamps</div>
   <form method="post" enctype="multipart/form-data" id="stamps">
-      <input type="file" name="stamp">
+      <input type="file" name="stamp" class="mobile-edit">
       <input type="submit" value="Upload to Stamps">
   </form>
 
@@ -123,6 +122,9 @@
   {% if stamps %}<a href="{{ url_for('manage.export_stamps', mid=member[0]) }}">Export stamps</a><br>{% endif %}
   {% if icons or blinkies or stamps %}<a href="{{ url_for('manage.export_member', mid=member[0]) }}">Export all member data</a><br>{% endif %}
   
+  <hr>
+  <div class="heading danger">Danger zone</div>
+  <a href="{{ url_for('manage.delete', mid=member[0]) }}" class="danger">Delete member</a> - WARNING: this is permanent and cannot be undone!
 
 
   {% if edit_location %}