initial mobile design (#54)

src/main/webapp/sass/app.scss

@@ -1,4 +1,3 @@
-
 @import "generic/misc";
 
 
@@ -6,4 +5,6 @@
 @import "components/toolbar";
 @import "components/entry-list";
 @import "components/subscription-list";
-@import "components/help";
+@import "components/help";
+
+@import "mobile/mobile";

src/main/webapp/sass/components/_entry-list.scss

@@ -12,10 +12,6 @@
 	margin: 0;
 }
 
-.entry-header, .entry-body-content {
-	padding-left: 25px;
-}
-
 #feed-accordion .entry {
 	border-bottom: 1px solid #CCCCCC;
 }

src/main/webapp/sass/components/_subscription-list.scss

@@ -1,4 +1,3 @@
-
 /* tree*/
 .sidebar-nav-fixed {
 	margin-top: 10px;
@@ -100,4 +99,4 @@
 
 .css-treeview .indent5 {
 	padding-left: 110px;
-}
+}

src/main/webapp/sass/mobile/_mobile.scss

@@ -0,0 +1,45 @@
+@media ( max-width : 979px) {
+	body {
+		padding-left: 5px;
+		padding-right: 5px;
+	}
+	.container-fluid {
+		padding-left: 0;
+		padding-right: 0;
+	}
+	.left-menu {
+		display: none !important;
+	}
+	.toolbar .hidden-desktop.btn-group {
+		display: inline-block !important;
+	}
+	.main-content {
+		display: block !important;
+		float: none !important;
+		width: 100% !important;
+		margin-left: 0 !important;
+	}
+	#feed-accordion .entry-heading .shrink {
+		margin-left: 0;
+	}
+	#feed-accordion .entry-heading .entry-name {
+		margin-right: 0;
+	}
+	body.left-menu-active .left-menu {
+		display: block !important;
+		width: 100%;
+	}
+	body.left-menu-active .sidebar-nav-fixed {
+		width: 100%;
+	}
+	body.left-menu-active .main-content {
+		display: none !important;
+	}
+	body.right-menu-active .toolbar .actions {
+		margin-top: 5px;
+		margin-left: 0;
+	}
+	body.right-menu-active .toolbar .actions .visible-desktop {
+		display: inherit !important;
+	}
+}