tinkering with mobile styling

layouts/_default/section.html

@@ -8,7 +8,7 @@
                   <img class="u-photo" src="/images/profile.jpg"/>
                 </div>
                 <aside>
-                  {{if eq .Type "article" }}<a href="{{ .RelPermalink }}" class="link u-url"><h3 class="">{{ .Title }}</h3></a><b>{{ .Description }}</b>{{ end }}
+                  {{if eq .Type "article" }}<br/><a href="{{ .RelPermalink }}" class="link u-url"><h3 class="">{{ .Title }}</h3></a><b>{{ .Description }}</b><br/>{{ with .Page.Params.Image }}{{ partial "taxonomy/image.html" . }}{{ end }}{{ end }}
                   <div class="e-content">
                     {{ .Content }}
                     {{ if eq .Type "photo"}}

themes/nipponalba/layouts/_default/single.html

@@ -4,7 +4,7 @@
   <div class="author" style="display:none;">
     <a rel="author" class="u-author h-card" rel="me" href="https://jk.nipponalba.scot">{{ .Site.Params.Title }}<img src="/images/profile.jpg"/></a>
   </div>
-    <div class="post-content">{{ with .Page.Params.Image }}{{ partial "taxonomy/image.html" . }}{{ end }}<h3 class="post-title p-name entry-title">{{ .Title }}</h3>
+    <div class="post-content">{{ with .Page.Params.Image }}{{ partial "taxonomy/image.html" . }}{{ end }}<h3 class="post-title p-name entry-title">{{ .Title }}</h3><b>{{ .Description }}</b>
       <aside>
         {{ if eq .Type "article" }}<div class="info">
         <i class="fa fa-sun"></i><a class="u-url" href="{{ .RelPermalink }}"><span class="date"><time class="dt-published" datetime="{{ .Date.Format "2 Jan 2006 15:04 GMT" }}">{{ .Date.Format "Mon, Jan 2, 2006" }}</time></span></a>

themes/nipponalba/layouts/index.html

@@ -1,9 +1,7 @@
 {{ define "main" }}
 <div class="about h-feed">
   <div class="profile title h-card p-author">
-      <div class="profile-left"><img class="u-photo" src="/images/profile.jpg" alt="profile picture">
-
-      </div>
+      <div class="profile-left"><img class="u-photo" src="/images/profile.jpg" alt="profile picture"></div>
       <div class="profile-right">
       <a rel="author" class="title p-name u-url u-uid" rel="me" href="https://jk.nipponalba.scot">{{ .Site.Params.Title }}</a><br/>
         <ul class="social-links">

themes/nipponalba/static/css/style.css

@@ -601,13 +601,13 @@ pre {
 
 @media screen and (max-width: 960px) {
   .content {
-    width: 100%;
+    width: 95%;
     position: absolute;
     border-right: none;
     z-index: 1;
   }
   .about .profile{
-    width:100%;
+    width:95%;
     margin:0;
     padding:0;
     text-align:center;
@@ -631,7 +631,8 @@ pre {
   }
 
   .page-top {
-    width: 100%;
+    width: 95%;
+    padding: 10px 0;
   }
   .page-top .nav{
     width: 70%;