💄 LinkCard broken link message on responsive 🔧 Confirm button duration

changelog.md

@@ -11,6 +11,7 @@
 ## Changed
 
 - Tag layout: new heading, 1 column on small screens ([#80](https://github.com/MarceauKa/shaark/issues/80))
+- Confirm button with a duration of 2 seconds instead of .5 second ([#81](https://github.com/MarceauKa/shaark/issues/81))
 - Dependencies update
 
 # 1.2.42

public/mix-manifest.json

@@ -1,5 +1,5 @@
 {
-    "/js/app.js": "/js/app.js?id=41c54c1d687a35950ecf",
+    "/js/app.js": "/js/app.js?id=29ae6a7c36dbf9021add",
     "/css/app.css": "/css/app.css?id=b8b03307e0cd699952d1",
     "/js/manifest.js": "/js/manifest.js?id=3c768977c2574a34506e",
     "/js/vendor.js": "/js/vendor.js?id=11a927bf070f02d1f22c"

resources/js/components/Confirm.vue

@@ -26,7 +26,7 @@ export default {
         duration: {
             type: Number,
             required: false,
-            default: 500,
+            default: 2000,
         },
         href: {
             type: String | null,

resources/js/components/LinkCard.vue

@@ -8,7 +8,7 @@
                 <a :href="link.url" class="small text-muted">{{ displayUrl }}</a>
             </h5>
 
-            <div :class="`alert alert-${link.http_status_color} d-flex justify-content-between align-items-center`"
+            <div :class="`alert alert-${link.http_status_color} d-flex flex-column flex-lg-row justify-content-between align-items-center`"
                  role="alert" v-if="link.http_status >= 300">
                 <span>{{ __('This link seems to be broken') }} ({{ link.http_status }})</span>
                 <small v-if="link.http_checked_at_formated">{{ link.http_checked_at_formated }}</small>