minor css fixes

Author: hedii

public/build/js/app-8e71bf6f18.js renamed to public/build/js/app-036129abbd.js

@@ -1,4 +1,4 @@
 {
   "css/app.css": "css/app-d41d8cd98f.css",
-  "js/app.js": "js/app-8e71bf6f18.js"
+  "js/app.js": "js/app-036129abbd.js"
 }

public/build/js/app.js.map

@@ -1,7 +1,7 @@
 <template>
-    <a v-bind:href="createSearchUrl" class="btn btn-primary"><i class="fa fa-btn fa-plus"></i> Start a new search</a>
-    <a v-if="countSearches" v-bind:href="downloadResourcesUrl" class="btn btn-success"><i class="fa fa-btn fa-btn fa-download"></i> Download all resources</a>
-    <a v-if="countSearches" v-on:click.stop="deleteAllSearches" class="btn btn-danger"><i class="fa fa-btn fa-btn fa-trash"></i> Delete all searches</a>
+    <a v-bind:href="createSearchUrl" class="btn btn-action btn-primary"><i class="fa fa-btn fa-plus"></i> Start a new search</a>
+    <a v-if="countSearches" v-bind:href="downloadResourcesUrl" class="btn btn-action btn-success"><i class="fa fa-btn fa-btn fa-download"></i> Download all resources</a>
+    <a v-if="countSearches" v-on:click.stop="deleteAllSearches" class="btn btn-action btn-danger"><i class="fa fa-btn fa-btn fa-trash"></i> Delete all searches</a>
 </template>
 
 <script>

public/build/rev-manifest.json

@@ -1,32 +1,32 @@
 <template>
     <search-actions-buttons></search-actions-buttons>
     <hr>
-    <table class="table table-hover">
+    <table class="table table-hover table-condensed">
         <thead>
-        <tr>
-            <th>Type</th>
-            <th>Entry point</th>
-            <th>Started</th>
-            <th>Status</th>
-            <th>Urls</th>
-            <th>Found</th>
-            <th>Actions</th>
-        </tr>
+            <tr>
+                <th class="hidden-xs">Type</th>
+                <th>Entry point</th>
+                <th class="hidden-xs">Started</th>
+                <th>Status</th>
+                <th class="hidden-xs">Urls</th>
+                <th class="hidden-xs">Found</th>
+                <th>Actions</th>
+            </tr>
         </thead>
         <tbody>
-        <tr v-for="search in searches | orderBy 'created_at' -1">
-            <td>{{ search.resource_type | capitalize }}</td>
-            <td>{{ search.entrypoint_url }}</td>
-            <td>{{ search.created_at | timeAgo }}</td>
-            <td>{{{ search.finished | searchStatus }}}</td>
-            <td>{{ search.related.urls.data.total | formatInteger }}</td>
-            <td>{{ search.related.resources.data.total | formatInteger }}</td>
-            <td>
-                <a v-bind:href="viewSearchUrl(search.id)" class="btn btn-xs btn-primary" title="View search"><i class="fa fa-arrow-right"></i></a>
-                <a v-bind:href="downloadSearchResourcesUrl(search.id)" class="btn btn-xs btn-success" title="Download {{ search.resource_type }}s"><i class="fa fa-download"></i></a>
-                <a v-on:click.stop="deleteSearch(search.id)" class="btn btn-xs btn-danger" title="Delete search"><i class="fa fa-trash"></i></a>
-            </td>
-        </tr>
+            <tr v-for="search in searches | orderBy 'created_at' -1">
+                <td class="hidden-xs">{{ search.resource_type | capitalize }}</td>
+                <td>{{ search.entrypoint_url }}</td>
+                <td class="hidden-xs">{{ search.created_at | timeAgo }}</td>
+                <td>{{{ search.finished | searchStatus }}}</td>
+                <td class="hidden-xs">{{ search.related.urls.data.total | formatInteger }}</td>
+                <td class="hidden-xs">{{ search.related.resources.data.total | formatInteger }}</td>
+                <td>
+                    <a v-bind:href="viewSearchUrl(search.id)" class="btn btn-action btn-xs btn-primary" title="View search"><i class="fa fa-arrow-right"></i></a>
+                    <a v-bind:href="downloadSearchResourcesUrl(search.id)" class="btn btn-action btn-xs btn-success" title="Download {{ search.resource_type }}s"><i class="fa fa-download"></i></a>
+                    <a v-on:click.stop="deleteSearch(search.id)" class="btn btn-action btn-xs btn-danger" title="Delete search"><i class="fa fa-trash"></i></a>
+                </td>
+            </tr>
         </tbody>
     </table>
 </template>
@@ -98,5 +98,9 @@
 </script>
 
 <style>
-
+    @media screen and (max-width: 991px) {
+        .btn-action {
+            margin-bottom: 3px;
+        }
+    }
 </style>

public/js/app.js

@@ -5,7 +5,7 @@
 @section('content')
     <div class="container">
         <div class="row">
-            <div class="col-md-10 col-md-offset-1">
+            <div class="col-md-12">
                 <div class="panel panel-default">
                     <div class="panel-heading">Start a new search</div>
 

public/js/app.js.map

@@ -8,7 +8,7 @@
     </script>
     <div class="container">
         <div class="row">
-            <div class="col-md-10 col-md-offset-1">
+            <div class="col-md-12">
                 <div class="panel panel-default">
                     <div class="panel-heading">My searches</div>
 

resources/assets/js/components/SearchActionsButtons.vue

@@ -5,7 +5,7 @@
 @section('content')
     <div class="container">
         <div class="row">
-            <div class="col-md-10 col-md-offset-1">
+            <div class="col-md-12">
                 <div class="panel panel-default">
                     <div class="panel-heading">Search for {{ $search->type }}s with entry point <a href="{{ $search->entrypoint }}" target="_blank">{{ str_limit($search->entrypoint, 50) }}</a></div>