changed search bar style for chrome added padding to page content

diff --git a/css/app.css b/css/app.css
index 66ea56b..b101df1 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6764,6 +6764,10 @@ header {
     #lar-search:hover {
       cursor: pointer; } }
 
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  #lar-search {
+    margin: 0px; } }
+
 .blog-wrap {
   background: url(../assets/repeating-pattern.jpg) repeat;
   padding: 50px 0 20px; }
@@ -7188,7 +7192,11 @@ input[type="submit"].blogbutton {
       text-decoration: underline; }
 
 .pf-content p {
-  margin-bottom: 0px; }
+  margin-bottom: 0px;
+  padding: 0 30px; }
+
+div.pf-content > h2 {
+  padding: 0 30px; }
 
 #category-menu ul li {
   background-color: #2C296D;
@@ -7309,7 +7317,7 @@ article {
   background: #2c296d;
   padding-top: 20px;
   margin-bottom: 30px;
-  width: 360px; }
+  width: 386px; }
   @media only screen and (max-width: 1165px) {
     #side-links #menu-side {
       width: 95%; } }
@@ -7327,8 +7335,7 @@ article {
       #side-links #menu-side ul.sidebar li a:hover {
         color: #57b649; }
 #side-links img {
-  margin-bottom: 30px;
-  width: 360px; }
+  margin-bottom: 30px; }
   @media only screen and (max-width: 1165px) {
     #side-links img {
       width: 95%; } }

diff --git a/scss/_blog.scss b/scss/_blog.scss
index dcd3fd4..df4a8e9 100644 (file)
--- a/scss/_blog.scss
+++ b/scss/_blog.scss
@@ -182,6 +182,10 @@ input[type="submit"].blogbutton {
 }
 .pf-content p{
     margin-bottom: 0px;
+    padding: 0 30px;
+}
+div.pf-content > h2 {
+    padding: 0 30px;
 }
 #category-menu ul li {
     background-color: #2C296D;

diff --git a/scss/_sidebar.scss b/scss/_sidebar.scss
index 863cae7..985616e 100644 (file)
--- a/scss/_sidebar.scss
+++ b/scss/_sidebar.scss
@@ -110,8 +110,8 @@
         background: $purple;
         padding-top: 20px;
         margin-bottom: 30px;
-//        width: 386px;
-        width: 360px;
+        width: 386px;
+//        width: 360px;
         @media only screen and (max-width: 1165px) {
             width: 95%;
         }
@@ -138,7 +138,7 @@
     }
     img {
         margin-bottom: 30px;
-        width: 360px;
+//        width: 360px;
         @media only screen and (max-width: 1165px) {
             width: 95%;
         }

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 5007c69..686d534 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -607,3 +607,8 @@
         }
     }
 }
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+     #lar-search{
+         margin: 0px;
+    }
+}