Used https://getbootstrap.com/customize to change grid-float-breakpoint to 319px.

Now the bar doesn't collapse.

Removed the index button so everything fits on all mobile devices.
y


Former-commit-id: aa72cb55cfdbd6343078e9d145358f91b0eb8078 [formerly 06c6c66e5001c65cd491e665eb7886ab39fbde25] [formerly 76b4cdc06144903e3f14e5c1c8d0d6a4bc082f44 [formerly b4cdee38a09796f986b80ac4923dbf115fc80880 [formerly ea241506f5]]]
Former-commit-id: ebafef049e36a287c150cb84a6cc6f301b761850 [formerly a7809fdd47f9b28e63ec6a5a52b6338d5fdf91d3]
Former-commit-id: 9f4d68bcf856495c64e22353b2e219970b097a55
Former-commit-id: 7c04f13c6f

templates/view.tmpl

@@ -14,6 +14,14 @@
 a.deleteable {
     cursor: pointer;
 }
+body {
+  margin: 0;
+  background: #fff;
+  max-width: 900px;
+  margin: 0 auto;
+  padding-bottom: 65px;
+}
+
 </style>
 {{ if .Coding }}
 <style>
@@ -37,13 +45,6 @@ a.deleteable {
     font-family: Tahoma, sans-serif;
   }
 
-  body {
-    margin: 0;
-    background: #fff;
-    max-width: 800px;
-    margin: 0 auto;
-    padding-bottom: 65px;
-  }
 
 
   </style>
@@ -68,7 +69,7 @@ a.deleteable {
   <!-- Fixed navbar -->
   <nav class="navbar navbar-default navbar-fixed-bottom">
     <div class="container">
-      <div class="navbar-header">
+      <!-- <div class="navbar-header">
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
           <span class="sr-only">Toggle navigation</span>
           <span class="icon-bar"></span>
@@ -76,7 +77,7 @@ a.deleteable {
           <span class="icon-bar"></span>
         </button>
         <a class="navbar-brand" href="/">{{ .Title }}</a>
-      </div>
+      </div> -->
       <div id="navbar" class="collapse navbar-collapse">
         <ul class="nav navbar-nav">
           <li>{{ if .Locked }}<a href="#" class="postunlock"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span>{{else}}<a href="/{{ .Title }}"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>{{end}} Edit</a></li>