Visible subscribe button on mobile devices, listing position and cont…

…ainer alignment (kodilan-com#11)

* Add subs button to mobile devices and container alignment kodilan-com#8 kodilan-com#9

* Fix position post type & time labels on iPad (768px)

src/assets/css/responsive.css

@@ -454,6 +454,12 @@ body.boxed {
   .subscribe-widget input[type="text"] {
     padding: 12px 6px;
   }
+  .app-header #navigation a {
+    padding: 12px 16px;
+  }
+  .menu ul li {
+    margin-left: 6px;
+  }
 }
 
 /* #Mobile (Landscape)
@@ -463,7 +469,10 @@ body.boxed {
 
 @media only screen and (min-width: 480px) and (max-width: 767px) {
   .container {
-    width: 420px;
+    width: 100%;
+    padding: 0 12px;
+    box-sizing: border-box;
+    max-width: 420px;
   }
   .container .columns,
   .container .column {
@@ -492,7 +501,7 @@ body.boxed {
   .container .twelve.sidebar-left.columns,
   .container .five.sidebar-right.columns,
   .container .eleven.sidebar-right.columns {
-    width: 420px;
+    width: 100%;
   }
 }
 

src/assets/css/style.css

@@ -4519,7 +4519,7 @@ span.temporary {
   min-width: 76px;
 }
 
-@media (max-width: 768px) {
+@media (max-width: 767px) {
   .listing-type {
     position: relative;
     left: 0;
@@ -4806,13 +4806,8 @@ li .job-spotlight p {
   .category-small-box {
     width: 100%;
   }
-  .header-subs {
-    display: none;
-  }
-  .add-post.button {
-    margin-top: 3px;
-  }
-  .add-post.button span {
+  .add-post.button span,
+  .header-subs span {
     display: none;
   }
   .add-post.button i {
@@ -8204,10 +8199,11 @@ body #style-switcher h2 {
   }
   .search-container input.ico-02,
   .search-container select {
-    width: 37%;
+    width: 38%;
   }
   .search-container button {
     width: 8.5%;
+    float: right;
   }
   input.ico-01 {
     background-position: 95% 20px;

src/components/shared/AppBanner.vue

@@ -43,6 +43,7 @@ export default {
           <button @click="handleSearch" class="tag-search-btn">
             <i class="fa fa-search tag-search-btn" />
           </button>
+          <div class="clearfix" />
           <div class="browse-jobs">
             <router-link to="/etiket/frontend" class="tag-header-tags">
               Frontend