Some styling cleanup

app/templates/bookmarks/index.html.slim

@@ -1,12 +1,15 @@
 - context.content_for(:title, "Bookmarks | ")
 
-div class="flex justify-between  mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
-  div class="basis-1/5"
+div class="flex justify-between prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
+  div
     h1 Bookmarks
-
-  form class="basis-2/5" method="GET" action="/bookmarks"
-    input class="w-36 border-blue-400 border-2 rounded mr-2 px-2 dark:text-gray-800" id="seach" type="text" name="q" value=q
-    button class="w-16 border-blue-400 border-2 rounded bg-blue-400 hover:bg-blue-800 hover:border-blue-800 hover:text-blue-100 px-1 text-gray-200" type="submit" Search
+div class="flex mb-4 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
+  form method="GET" action="/bookmarks"
+    input class="border-blue-400 border-2 rounded mr-2 px-2 dark:text-gray-800" id="search" type="text" name="q" value=q
+    button class="border-blue-400 border-2 rounded bg-blue-400 hover:bg-blue-800 hover:border-blue-800 hover:text-blue-100 px-1 text-gray-200" type="submit" Search
+  - unless q.nil?
+    div class="ml-2"
+      a class="text-gray-400" href="/bookmarks" Clear search
 
 div class="mb-12 max-w-prose mx-auto"
   - bookmarks.each do |bookmark|

app/templates/shared/_bookmark.html.slim

@@ -1,13 +1,19 @@
-div class="mb-8"
-  h3 class="text-xl font-bold text-blue-600 mb-2"
-    a class="u-url border-b-2 border-transparent hover:border-blue-600 hover:border-b-2" href="#{bookmark.url}"
-      = "#{bookmark.name} "
-      == render("link_arrow")
+div class="mb-4"
+  div class="mb-4"
+    h3 class="text-xl text-blue-600"
+      a class="u-url border-b-2 border-transparent hover:border-blue-600 hover:border-b-2" href="/bookmark/#{bookmark.slug}"
+        = "#{bookmark.name} "
+
+    small class="text-gray-400 hover:text-gray-600"
+      a href=bookmark.url
+        = bookmark.url
+        == render("link_arrow")
   p class="e-content leading-relaxed md:text-lg text-gray-800 dark:text-gray-200"
     = bookmark.content
   == render "shared/tags", tags: bookmark.tags
 
-  p class="text-sm text-blue-400"
+  p class="text-sm text-blue-400 mb-4"
     a href="/bookmark/#{bookmark.slug}"
       time class="dt-published" datetime=bookmark.machine_published_at
         = bookmark.display_published_at
+  hr

app/templates/shared/_link_arrow.html.slim

@@ -1,4 +1,4 @@
-svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="inline w-2 h2 md:w-4 md:h-4 mt-0.5"
+svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="inline w-2 h2 md:w-3 md:h-3 mt-0.5 ml-1.5"
   g
-    rect height="14.4434" opacity="0" width="14.4238" x="0" y="0"
+    rect height="12.4434" opacity="0" width="12.4238" x="0" y="0"
     path d="M14.4238 10.8008L14.4141 0.976562C14.4141 0.419922 14.0527 0.0292969 13.4668 0.0292969L3.64258 0.0292969C3.0957 0.0292969 2.72461 0.449219 2.72461 0.917969C2.72461 1.38672 3.14453 1.78711 3.60352 1.78711L7.00195 1.78711L11.7676 1.63086L9.95117 3.22266L0.273438 12.9199C0.0976562 13.0957 0 13.3203 0 13.5352C0 14.0039 0.419922 14.4434 0.908203 14.4434C1.13281 14.4434 1.34766 14.3652 1.52344 14.1797L11.2207 4.49219L12.832 2.66602L12.6562 7.22656L12.6562 10.8398C12.6562 11.2988 13.0566 11.7285 13.5352 11.7285C14.0039 11.7285 14.4238 11.3281 14.4238 10.8008Z"

app/templates/shared/_post.html.slim

@@ -1,5 +1,5 @@
 div class="mb-8 h-entry"
-  h3 class="text-xl font-semibold text-blue-600 mb-2"
+  h3 class="text-xl text-blue-600 mb-2"
     a class="border-b-2 border-transparent hover:border-blue-600 hover:border-b-2" href="/post/#{post.slug}"
       = post.display_title
   div class="e-content prose-p:mb-0 prose-img:my-2 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline p-name text-base prose prose-ul:list-none prose-ul:pl-0 prose-li:pl-0 text-gray-800 dark:text-gray-200 prose-a:dark:text-gray-100"

app/templates/shared/_status.html.slim

@@ -18,4 +18,5 @@ div class="mb-8 h-entry border border-gray-200 m-2 p-4 bg-gray-50 hover:bg-gray-
         - post.syndicated_to.each do |loc|
           == " ·"
           a rel="syndication" class="u-syndication inline-block ml-1 float-left" href=loc[:url]
-            == render "shared/#{loc[:location]}", width: "w-4"
+            - if loc[:location] != ""
+              == render "shared/#{loc[:location]}", width: "w-4"