From 13ec3108e6d60bf3c05fbc3f9a5b9aaaa49f13af Mon Sep 17 00:00:00 2001
From: Alexis King <lexi.lambda@gmail.com>
Date: Sat, 18 Jul 2015 22:06:43 -0700
Subject: [PATCH] Improve design on small screens (with a tiny bit of
 responsiveness)

---
 _src/page-template.html | 2 +-
 scss/_code.scss         | 4 ++++
 scss/application.scss   | 8 ++++++++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/_src/page-template.html b/_src/page-template.html
index e785123..2267ff7 100644
--- a/_src/page-template.html
+++ b/_src/page-template.html
@@ -32,7 +32,7 @@
       <header>
         <nav role="navigation" class="navigation-bar">
           <ul class="navigation-items left">
-            <li><a href="/"><h1>Alexis King</h1></a></li>
+            <li id="blog-title-header"><a href="/"><h1>Alexis King</h1></a></li>
           </ul>
           <ul class="navigation-items center"></ul>
           <ul class="navigation-items right">
diff --git a/scss/_code.scss b/scss/_code.scss
index 3af78d7..e66a485 100644
--- a/scss/_code.scss
+++ b/scss/_code.scss
@@ -19,7 +19,11 @@ pre code, table.sourcetable pre {
 
 pre code {
   display: block;
+}
+
+pre code, div[class^='brush: '] {
   width: 100%;
+  overflow: auto;
 }
 
 table.sourcetable {
diff --git a/scss/application.scss b/scss/application.scss
index fd4c062..1e9ab4e 100644
--- a/scss/application.scss
+++ b/scss/application.scss
@@ -28,6 +28,7 @@ html, body {
 
 #page-content > section[role=main] {
   flex: 1;
+  padding: 0 30px;
 
   & > .content {
     margin: 0 auto;
@@ -49,6 +50,13 @@ html, body {
   }
 }
 
+// hide the blog title in the navbar on small screen sizes
+@media (max-width: 550px) {
+  #blog-title-header {
+    display: none;
+  }
+}
+
 #page-content > footer {
   background-color: $color-primary;
   color: $text-color-light;