new features in gallery image view.. and also tags for gallery completed.

app/assets/stylesheets/lib/tags-groups.css

@@ -6,22 +6,22 @@
 .tags .lead .badge {
 	margin-top: 5px;
 }
-.tags .tags-groups {
+.tags-groups {
 	list-style: none;
 	margin: 0 0 20px;
 	padding: 0;
 }
-.tags .tags-groups:after {
+.tags-groups:after {
 	content: "";
 	clear: both;
 	height: 0;
 	display: block;
 	visibility: hidden;
 }
-.tags .tags-groups.module-tags li.default a {
+.tags-groups.module-tags li.default a {
 	margin-left: 5px;
 }
-.tags .tags-groups li {
+.tags-groups li {
 	overflow: hidden;
 	float: left;
 	width: auto;
@@ -39,7 +39,7 @@
 		 -o-transition: all .2s linear;
 			transition: all .2s linear;
 }
-.tags .tags-groups li.mark {
+.tags-groups li.mark {
 	width: 0;
 	height: 0;
 	padding: 0;
@@ -49,28 +49,28 @@
 	opacity: 0;
 	visibility: hidden;
 }
-.tags .tags-groups li.active {
+.tags-groups li.active {
 	background-color: #3a87ad;
 }
-.tags .tags-groups li.active .amount {
+.tags-groups li.active .amount {
 	color: #8cb8be;
 }
-.tags .tags-groups li a {
+.tags-groups li a {
 	text-decoration: none;
 	color: #ededed;
 }
-.tags .tags-groups li .amount {
+.tags-groups li .amount {
 	color: #fdcf3b;
 	float: right;
 	margin-left: 15px;
 }
-.tags .tags-groups li .card {
+.tags-groups li .card {
 	position: relative;
 	margin: 0;
 	width: 18px;
 	height: 18px;
 }
-.tags .tags-groups li .card:after {
+.tags-groups li .card:after {
 	font-family: FontAwesome;
 	content: '\f111';
 	color: #fdcf3b;
@@ -82,13 +82,13 @@
 	left: 0;
 	top: 0;
 }
-.tags .tags-groups li .card.active:after {
+.tags-groups li .card.active:after {
 	content: '\f058';
 	font-size: 18px;
 	left: -2px;
 	top: 1px;
 }
-.tags .tags-groups li .card input {
+.tags-groups li .card input {
 	position: absolute;
 	top: 0;
 	left: 0;
@@ -110,10 +110,10 @@
 #tags-merger form {
 	margin-bottom: 0;
 }
-#tags-merger .tags .tags-groups li {
+#tags-merger .tags-groups li {
 	cursor: pointer;
 }
-#tags-merger .tags .tags-groups li.def {
+#tags-merger .tags-groups li.def {
 	background-color: #468847;
 }
 #tags-merger .modal-body .pull-left {
@@ -127,22 +127,22 @@
 
 
 
-.tags .tags-groups li.default {
+.tags-groups li.default {
 	background-color: #468847;
 }
-.tags .tags-groups li.default.active {
+.tags-groups li.default.active {
 	background-color: #3a87ad;
 }
-.tags .tags-groups li.default .amount {
+.tags-groups li.default .amount {
 	color: #8cbe9a;
 }
-.tags .tags-groups li.default.active .amount {
+.tags-groups li.default.active .amount {
 	color: #8cb8be;
 }
-.tags .tags-groups li.default .card:after {
+.tags-groups li.default .card:after {
 	color: #8cbe9a;
 }
-.tags .tags-groups li.active .card:after {
+.tags-groups li.active .card:after {
 	color: #8cb8be;
 }
 

app/assets/stylesheets/lib/wrap-nav.css

@@ -41,6 +41,16 @@
 .bottomnav .action {
   margin-bottom: 6px;
 }
+.bottomnav .divider {
+  display: inline-block;
+  position: relative;
+  margin: 0 5px;
+  background-color: #E0E0E0;
+  width: 1px;
+  height: 16px;
+  top: 5px;
+  box-shadow: 1px 0 0 #FFF;
+}
 .bottomnav .pagination {
   margin: 0;
 }