Style fix and build

resources/views/articles/show.blade.php

@@ -29,8 +29,7 @@
                 <img src="{{$article->source->logo}}" class="h-10 w-10 rounded-full mr-2 object-cover" />
                 <div>
                     <p class="font-semibold text-gray-200 text-md MvTyper">{{$article->source->name}}</p>
-          <p class="font-semibold text-gray-400 text-xs MvTyper" style="direction: rtl;">
-            {{$article->published_date->locale('dv')->isoFormat('Do MMMM YYYY | dddd | h:mm')}}</p>
+                    <p class="font-semibold text-gray-400 text-xs MvTyper" style="direction: rtl;">{{$article->published_date->locale('dv')->isoFormat('Do MMMM YYYY | dddd | h:mm')}}</p>
                 </div>
         </div>
 
@@ -41,17 +40,26 @@
     <div class="flex justify-end mb-5 border-b">
     <form action="{{route('mylist.store', $article->id)}}" method="POST">
           @csrf
-        <button type="submit"
-          class="flex items-center justify-center mb-2 shadow p-1 rounded hover:shadow-lg cursor-pointer">
+        <button
+        type="submit"
+        class="flex items-center justify-center mb-2 shadow p-1 rounded hover:shadow-lg cursor-pointer"
+    >
         <p class="text-gray-700 text-sm MvTyper text-right mr-2">
             ރައްކާކުރޭ
         </p>
-          <svg class="h-5 w-5 text-gray-800" fill="currentcolor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+        <svg
+            class="h-5 w-5 text-gray-800"
+            fill="currentcolor"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 64 64"
+        >
             <g data-name="Froppy disk">
                 <path
-                d="M61.707 10.293l-8-8A1 1 0 0053 2H7a5.006 5.006 0 00-5 5v50a5.006 5.006 0 005 5h50a5.006 5.006 0 005-5V11a1 1 0 00-.293-.707zM48 4v16a1 1 0 01-1 1H17a1 1 0 01-1-1V4zM10 60V35a3 3 0 013-3h38a3 3 0 013 3v25zm50-3a3 3 0 01-3 3h-1V35a5.006 5.006 0 00-5-5H13a5.006 5.006 0 00-5 5v25H7a3 3 0 01-3-3V7a3 3 0 013-3h7v16a3 3 0 003 3h30a3 3 0 003-3V4h2.586L60 11.414z" />
+                    d="M61.707 10.293l-8-8A1 1 0 0053 2H7a5.006 5.006 0 00-5 5v50a5.006 5.006 0 005 5h50a5.006 5.006 0 005-5V11a1 1 0 00-.293-.707zM48 4v16a1 1 0 01-1 1H17a1 1 0 01-1-1V4zM10 60V35a3 3 0 013-3h38a3 3 0 013 3v25zm50-3a3 3 0 01-3 3h-1V35a5.006 5.006 0 00-5-5H13a5.006 5.006 0 00-5 5v25H7a3 3 0 01-3-3V7a3 3 0 013-3h7v16a3 3 0 003 3h30a3 3 0 003-3V4h2.586L60 11.414z"
+                />
                 <path
-                d="M39 19h6a1 1 0 001-1V7a1 1 0 00-1-1h-6a1 1 0 00-1 1v11a1 1 0 001 1zm1-11h4v9h-4zM47 45H17a1 1 0 000 2h30a1 1 0 000-2zM47 39H17a1 1 0 000 2h30a1 1 0 000-2zM47 51H17a1 1 0 000 2h30a1 1 0 000-2z" />
+                    d="M39 19h6a1 1 0 001-1V7a1 1 0 00-1-1h-6a1 1 0 00-1 1v11a1 1 0 001 1zm1-11h4v9h-4zM47 45H17a1 1 0 000 2h30a1 1 0 000-2zM47 39H17a1 1 0 000 2h30a1 1 0 000-2zM47 51H17a1 1 0 000 2h30a1 1 0 000-2z"
+                />
             </g>
         </svg>
     </button>

resources/views/mylist/index.blade.php

@@ -17,7 +17,7 @@
                     <div>
                         <a
                             href="{{route('articles.show', $article->id)}}"
-                            class="block w-full flex mb-10 shadow rounded-lg"
+                            class="w-full flex mb-10 shadow rounded-lg"
                         >
                             <div
                                 class="bg-white rounded px-4 flex flex-col flex-grow justify-between leading-normal"

resources/views/partials/header.blade.php

@@ -1,19 +1,28 @@
 <div class="text-gray-700 bg-white dark-mode:text-gray-200 dark-mode:bg-gray-800">
-  <div
-    class="flex flex-col max-w-screen-xl px-4 mx-auto md:items-center md:justify-between md:flex-row md:px-6 lg:px-8">
+  <div class="flex items-center justify-between flex-row px-6">
 
     <div class="p-4 flex flex-row items-center justify-between">
       <a href="/"
         class="text-lg font-semibold tracking-widest text-gray-900 uppercase rounded-lg dark-mode:text-white focus:outline-none focus:shadow-outline">Karudhaas</a>
     </div>
 
-    <nav class="flex-col flex-grow pb-4 md:pb-0 hidden md:flex md:justify-end md:flex-row">
-      <a class="px-4 py-2 mt-2 text-sm font-semibold text-gray-900 bg-gray-200 rounded-lg dark-mode:bg-gray-700 dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline MvAamu"
-        href="#">އިތުރު މަޢުލޫތަށް</a>
-      <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 md:ml-4 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline MvAamu"
-        href="#">ވާހަކަ</a>
-      <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 md:ml-4 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline MvAamu"
-        href="/mylist">ރައްކާކުރެވިފައިވާ</a>
+    <nav class="flex-grow pb-4 flex justify-end flex-row py-4 mr-3">
+      <a class="border px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 md:ml-4 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline MvAamu"
+        href="/mylist">
+        <div class="flex gap-2 justify-center">
+
+          <p> ރައްކާކުރެވިފައިވާ</p>
+          <svg class="h-5 w-5 text-gray-800" fill="currentcolor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+            <g data-name="Froppy disk">
+              <path
+                d="M61.707 10.293l-8-8A1 1 0 0053 2H7a5.006 5.006 0 00-5 5v50a5.006 5.006 0 005 5h50a5.006 5.006 0 005-5V11a1 1 0 00-.293-.707zM48 4v16a1 1 0 01-1 1H17a1 1 0 01-1-1V4zM10 60V35a3 3 0 013-3h38a3 3 0 013 3v25zm50-3a3 3 0 01-3 3h-1V35a5.006 5.006 0 00-5-5H13a5.006 5.006 0 00-5 5v25H7a3 3 0 01-3-3V7a3 3 0 013-3h7v16a3 3 0 003 3h30a3 3 0 003-3V4h2.586L60 11.414z" />
+              <path
+                d="M39 19h6a1 1 0 001-1V7a1 1 0 00-1-1h-6a1 1 0 00-1 1v11a1 1 0 001 1zm1-11h4v9h-4zM47 45H17a1 1 0 000 2h30a1 1 0 000-2zM47 39H17a1 1 0 000 2h30a1 1 0 000-2zM47 51H17a1 1 0 000 2h30a1 1 0 000-2z" />
+            </g>
+          </svg>
+        </div>
+
+      </a>
 
     </nav>