diff --git a/app/templates/bookmarks/index.html.slim b/app/templates/bookmarks/index.html.slim
index 47dfe47..840c406 100644
--- a/app/templates/bookmarks/index.html.slim
+++ b/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|
diff --git a/app/templates/shared/_bookmark.html.slim b/app/templates/shared/_bookmark.html.slim
index 57d9ccc..f68509c 100644
--- a/app/templates/shared/_bookmark.html.slim
+++ b/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
\ No newline at end of file
diff --git a/app/templates/shared/_link_arrow.html.slim b/app/templates/shared/_link_arrow.html.slim
index 2f5f18c..cbc0f2b 100644
--- a/app/templates/shared/_link_arrow.html.slim
+++ b/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"
\ No newline at end of file
diff --git a/app/templates/shared/_post.html.slim b/app/templates/shared/_post.html.slim
index e656f86..612b4e1 100644
--- a/app/templates/shared/_post.html.slim
+++ b/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"
diff --git a/app/templates/shared/_status.html.slim b/app/templates/shared/_status.html.slim
index 1567aa7..c88f5b1 100644
--- a/app/templates/shared/_status.html.slim
+++ b/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"
\ No newline at end of file
+ - if loc[:location] != ""
+ == render "shared/#{loc[:location]}", width: "w-4"
\ No newline at end of file