css: replace padding with margin whenever possible

Also adjusted some margins.

3 files changed, 10 insertions, 10 deletions

diff --git a/source/css/print.css b/source/css/print.css
index 298d0677..56f86dc0 100644
--- a/source/css/print.css
+++ b/source/css/print.css
@@ -5,7 +5,7 @@ body {
 article {
     position: static;
     width: 90%;
-    padding: 5%;
+    margin: 5%;
 }
 
 nav, footer .rfooter .cc-icon, footer .rfooter .atom-icon, footer .rfooter .rss-icon {
diff --git a/source/css/theme-narrow.css b/source/css/theme-narrow.css
index 1610528b..56328225 100644
--- a/source/css/theme-narrow.css
+++ b/source/css/theme-narrow.css
@@ -1,6 +1,6 @@
 nav {
     position: static;
-    padding: 5% 0 0 0;
+    margin: 5% 0 0 0;
     text-align: center;
     height: 100%;
     width: 100%;
@@ -12,7 +12,7 @@ nav div {
 }
 
 nav div .blog-icon {
-    padding: 0;
+    margin: 0;
     height: 150px;
     width: 150px;
     background-image: url("/img/icon-150.png");
@@ -30,5 +30,5 @@ nav div.title, div.author {
 article {
     position: static;
     width: 80%;
-    padding: 0 10% 10% 10%;
+    margin: 2% 10% 10% 10%;
 }
diff --git a/source/css/theme.css b/source/css/theme.css
index 6b81de32..6198d979 100644
--- a/source/css/theme.css
+++ b/source/css/theme.css
@@ -17,7 +17,7 @@ nav div {
 }
 
 nav div .blog-icon {
-    padding: 2px 0;
+    margin: 2px 0;
     width: 100px;
     height: 100px;
     display: inline-block;
@@ -33,7 +33,7 @@ nav div .blog-icon {
 nav div.title {
     font-size: 16px;
     font-weight: bold;
-    padding: 1px 0;
+    margin: 1px 0;
 }
 
 nav div.author {
@@ -47,7 +47,7 @@ nav a {
 article {
     position: absolute;
     width: 60%;
-    padding: 5% 0;
+    margin: 5% 0;
     left: 20%;
     font-size: 1em;
     text-align: justify;
@@ -192,7 +192,7 @@ footer .rfooter {
 footer .rfooter .cc-icon {
     width: 16px;
     height: 16px;
-    padding: 0 1px;
+    margin: 0 2px;
     display: inline-block;
     background-image: url("/img/cc-16.png");
     background-image: -webkit-image-set( url("/img/cc-16.png") 1x, url("/img/cc-32.png") 2x );
@@ -206,7 +206,7 @@ footer .rfooter .cc-icon {
 footer .rfooter .atom-icon {
     width: 16px;
     height: 16px;
-    padding: 0 2px;
+    margin: 0 2px;
     display: inline-block;
     background-image: url("/img/feed-16.png");
     background-image: -webkit-image-set( url("/img/feed-16.png") 1x, url("/img/feed-32.png") 2x );
@@ -220,7 +220,7 @@ footer .rfooter .atom-icon {
 footer .rfooter .rss-icon {
     width: 16px;
     height: 16px;
-    padding: 0 2px;
+    margin: 0 2px;
     display: inline-block;
     background-image: url("/img/rss-16.png");
     background-image: -webkit-image-set( url("/img/rss-16.png") 1x, url("/img/rss-32.png") 2x );