3 files changed, 25 insertions, 4 deletions

diff --git a/src/Wallabag/CoreBundle/Resources/public/themes/baggy/css/main.css b/src/Wallabag/CoreBundle/Resources/public/themes/baggy/css/main.css
index 62f2964c..1cb2ddf3 100755
--- a/src/Wallabag/CoreBundle/Resources/public/themes/baggy/css/main.css
+++ b/src/Wallabag/CoreBundle/Resources/public/themes/baggy/css/main.css
@@ -298,7 +298,7 @@ h2:after {
    ========================================================================== */
 
 #content {
-  margin-top: 5em;
+  margin-top: 2em;
   min-height: 30em;
 }
 
@@ -884,9 +884,13 @@ blockquote {
   text-decoration: none;
 }
 
-  #article_toolbar a:hover, #article_toolbar a:focus {
-    background-color: #999;
-  }
+#article_toolbar a:hover, #article_toolbar a:focus {
+  background-color: #999;
+}
+
+#nav-btn-add-tag {
+    cursor: pointer;
+}
 
 .shaarli:before {
   content: "*";
diff --git a/src/Wallabag/CoreBundle/Resources/public/themes/baggy/js/init.js b/src/Wallabag/CoreBundle/Resources/public/themes/baggy/js/init.js
index 74cbae68..9bdc6f21 100755
--- a/src/Wallabag/CoreBundle/Resources/public/themes/baggy/js/init.js
+++ b/src/Wallabag/CoreBundle/Resources/public/themes/baggy/js/init.js
@@ -48,4 +48,16 @@ $.fn.ready(function() {
     $listmode.addClass("tablemode");
   }
 
+  /* ==========================================================================
+     Add tag panel
+     ========================================================================== */
+
+
+  $('#nav-btn-add-tag').on('click', function(){
+       $(".nav-panel-add-tag").toggle(100);
+       $(".nav-panel-menu").addClass('hidden');
+       $("#tag_label").focus();
+       return false;
+    });
+
 });
diff --git a/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css b/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css
index f88880cc..528c1c01 100755
--- a/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css
+++ b/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css
@@ -339,6 +339,11 @@ main ul.row {
     max-width: 40em;
 }
 
+#article img {
+    max-width: 100%;
+    height: auto;
+}
+
 .reader-mode {
     width: 95px !important;
     transition: width 0.2s ease;