update style

aleen42 · Jul 4, 2016 · 195a8ff · 195a8ff
1 parent d2390e1
commit 195a8ff
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -158,6 +158,7 @@ npm test
 	* 5.1.0 fix bugs
 	* 5.1.1 update styles
 	* 5.1.2 update styles
+	* 5.1.3 update styles
 
 #### :fuelpump: How to contribute
 

diff --git a/assets/footer.css b/assets/footer.css
@@ -55,16 +55,35 @@
 
 .issue-edge {
     border-top: 1px solid #eee;
-    width: 60%;
-    margin: 0 0 auto 100px !important;
 }
 
 .issues {
-    padding: 10px 60px !important;
     margin: 0 !important;
     text-align: left;
 }
 
+@media screen and (min-width: 720px) {
+    .issue-edge {
+        width: 60%;
+        margin: 0 0 auto 100px !important;
+    }
+
+    .issues {
+        padding: 10px 60px !important;
+    }
+}
+
+@media screen and (max-width: 720px) {
+    .issue-edge {
+        width: 30%;
+        margin: 0 0 auto 20px !important;
+    }
+
+    .issues {
+        padding: 10px !important;
+    }
+}
+
 /**
  *
  *

diff --git a/issues.png b/issues.png
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gitbook-plugin-page-footer",
-  "version": "5.1.2",
+  "version": "5.1.3",
   "description": "a gitbook-plugin for generating footer",
   "engines": {
     "gitbook": ">=3.0.0-pre.0"