From 630b35d6ac34671ebde872ad404c887360738a69 Mon Sep 17 00:00:00 2001
From: Tyrel Souza <tyrel.souza@everquote.com>
Date: Fri, 4 Nov 2022 11:41:57 -0400
Subject: [PATCH] more styling

---
 ...ghbors-water-heater-automation-part-1.rst} |  4 ++--
 themes/solarized/static/css/main.css          | 19 +++++++++++++++----
 2 files changed, 17 insertions(+), 6 deletions(-)
 rename content/blog/{2022-11-04_neighbors-water-heater-automation.rst => 2022-11-04_neighbors-water-heater-automation-part-1.rst} (98%)

diff --git a/content/blog/2022-11-04_neighbors-water-heater-automation.rst b/content/blog/2022-11-04_neighbors-water-heater-automation-part-1.rst
similarity index 98%
rename from content/blog/2022-11-04_neighbors-water-heater-automation.rst
rename to content/blog/2022-11-04_neighbors-water-heater-automation-part-1.rst
index b0754f1..05dbe03 100644
--- a/content/blog/2022-11-04_neighbors-water-heater-automation.rst
+++ b/content/blog/2022-11-04_neighbors-water-heater-automation-part-1.rst
@@ -1,5 +1,5 @@
-Neighbor's Water Heater Automation
-##################################
+Neighbor's Water Heater Automation (part 1)
+###########################################
 :author: tyrel
 :category: automation
 :tags: automation, c++, esp8266, servo, stepper
diff --git a/themes/solarized/static/css/main.css b/themes/solarized/static/css/main.css
index dea8b5c..be0bee0 100644
--- a/themes/solarized/static/css/main.css
+++ b/themes/solarized/static/css/main.css
@@ -72,6 +72,7 @@ article ul {
     min-height: 96vh;
     max-width: 80%;
     padding-left: 0.75rem;
+    padding-right:20rem;
   }
   .left-panel {
       position:relative;
@@ -88,8 +89,16 @@ article ul {
   h2 a{
     padding: 0;
   }
+  .right-panel-content img {
+    margin: 1rem;
+    max-width: 80%;
+  }
 }
 @media screen and (max-width: 700px) {
+  .right-panel-content img {
+    margin: 1rem;
+    max-width: 80%;
+  }
   .parent-panel {
      display: -webkit-box;
     display: -moz-box;
@@ -145,18 +154,20 @@ article ul {
 @media screen and (max-width: 600px) {
   .right-panel-content {
     max-width: 80%;
+    padding-right:2rem;
   }
 }
 @media screen and (min-width: 1200px) {
   .right-panel-content {
     max-width: 1000px;
   }
+  .right-panel-content img {
+    margin: 1rem;
+    max-width: 80%;
+    padding-right:20rem;
+  }
 }
 
-.right-panel-content img {
-  margin: 1rem;
-  max-width: 920px;
-}
 
 .small {
   font-size: 0.75rem;