From 51e261f8cd8ac04d7cea35d772aa05e882db0023 Mon Sep 17 00:00:00 2001
From: russellballestrini <russell.ballestrini@gmail.com>
Date: Thu, 12 Jul 2018 16:32:14 -0400
Subject: [PATCH] make mobile look a bit better

	modified:   static/theme/meta/css/meta.css
---
 .../static/theme/meta/css/diff.css               |  2 +-
 .../static/theme/meta/css/meta.css               | 16 ++++++++++++++--
 remarkbox_theme_meta/templates/meta-base.j2      |  4 ++--
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/remarkbox_theme_meta/static/theme/meta/css/diff.css b/remarkbox_theme_meta/static/theme/meta/css/diff.css
index 90f8c54..d8412c4 100644
--- a/remarkbox_theme_meta/static/theme/meta/css/diff.css
+++ b/remarkbox_theme_meta/static/theme/meta/css/diff.css
@@ -162,7 +162,7 @@ div.container.main {
   margin-top: 180px;
 }
 
-.nav-extra {
+.call_to_action {
   float: right;
 }
 
diff --git a/remarkbox_theme_meta/static/theme/meta/css/meta.css b/remarkbox_theme_meta/static/theme/meta/css/meta.css
index d72869e..c9d49fc 100644
--- a/remarkbox_theme_meta/static/theme/meta/css/meta.css
+++ b/remarkbox_theme_meta/static/theme/meta/css/meta.css
@@ -150,6 +150,11 @@ select {
     max-width: 860px;
 }
 
+
+input, textarea, select, fieldset {
+  margin-bottom: 0px;
+}
+
 /* I made a fiddle that could help with buttons and colors */
 /* https://jsfiddle.net/7nL0sfy0/ */
 
@@ -230,8 +235,15 @@ input.button-small {
 }
 
 @media screen and (max-width:568px) {
-  .hidden-on-phone {display: none} 
-  .shown-on-phone {display: block} 
+  .hidden-on-phone {display: none;}
+  .shown-on-phone {display: block;}
+  button,
+  input[type="submit"],
+  input[type="button"],
+  .button,
+  .button-small {
+    font-size: .80rem; padding: .80rem; height: 10px; line-height: 5px;
+  }
 }  
 
 @media screen and (max-width:750px) {
diff --git a/remarkbox_theme_meta/templates/meta-base.j2 b/remarkbox_theme_meta/templates/meta-base.j2
index cd66bcc..51a8d20 100644
--- a/remarkbox_theme_meta/templates/meta-base.j2
+++ b/remarkbox_theme_meta/templates/meta-base.j2
@@ -115,8 +115,8 @@
 
 <div class="main">
 
-  <div class="nav-extra">
-  {% block nav %}
+  <div class="call_to_action">
+  {% block call_to_action %}
   {% endblock %}
   </div>