Filters view on mobile

web/dist/index.html

@@ -4,7 +4,7 @@
     <title>KIVI - Najbolji način da pronađeš svoj dom</title>
     <meta charset="UTF-8">
     <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
 
     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 

web/dist/main.css

@@ -170,6 +170,12 @@ html {
   border-radius: 5px 0 0 5px;
 }
 
+.view-type-right.selected,
+.view-type-left.selected {
+  background-color: #b6d53b;
+  color: #fff;
+}
+
 .view-type-right {
   border-radius: 0px 5px 5px 0;
   margin-left: -1px;
@@ -179,8 +185,13 @@ html {
   position: fixed;
   bottom: 0;
   left: 0;
-  width: 100%;
+  width: 99%;
   height: 50px;
+  display: flex;
+  text-align: center;
+  padding-left: 10px;
+  padding-right: 0;
+  align-items: baseline;
 }
 
 .filter-title {
@@ -256,7 +267,7 @@ html {
 }
 
 .filter-btn.more-filters {
-  float: right;
+  /*float: right;*/
   width: 145px;
 }
 
@@ -459,11 +470,39 @@ html {
   }
 }
 
+.listings-filter {
+  display: none;
+}
+
 @media (max-width : 768px) {
   .listings-count {
     display: none;
   }
 
+  .listings-filter {
+    right: 5px;
+    min-width: 150px;
+    /*text-align: right;*/
+    /*display: block;*/
+
+    display: inline-block;
+    border: 1px solid #b6d53b;
+    padding: 8px 12px;
+    cursor: pointer;
+    margin: 0 6px 6px 0;
+    color: #2d3138;
+    font-size: 14px;
+    letter-spacing: .4px;
+    border-radius: 3px;
+    user-select: none;
+    touch-action: manipulation;
+    vertical-align: middle;
+    text-align: center;
+    flex-grow: 1;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
   #right {
     width: 100%;
     float: none;
@@ -540,7 +579,7 @@ html {
 
   .filter-row {
     display: block;
-    padding: 11px 0;
+    padding: 5px 0;
     border: 0;
   }