Stylying updates

app/templates/bookmarks/index.html.slim

@@ -3,7 +3,7 @@ div class="flex justify-between  mb-12 prose dark:prose-invert max-w-prose mx-au
     h1 Bookmarks
 
   form class="basis-2/5" method="GET" action="/bookmarks"
-    input class="w-48 border-blue-400 border-2 rounded mr-2 px-2" id="seach" type="text" name="q" value=q
+    input class="w-36 border-blue-400 border-2 rounded mr-2 px-2" 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="mb-12 max-w-prose mx-auto"

app/templates/posts/show.html.slim

@@ -1,13 +1,14 @@
 article class="h-entry"
   div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200"
-    a class="u-url" href=post.permalink
-      h1 class="p-name" = post.display_title
+    h1 class="p-name" 
+      a class="u-url" href=post.permalink
+        = post.display_title
 
     article class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline prose-img:rounded"
       - if post.photos?
         - post.photos.each do |photo|
           figure
-            img class="u-photo shadow-solid mb-4" src=photo["value"] alt=photo["alt"]
+            img class="u-photo shadow-solid shadow-pink-100 dark:shadow-pink-200 mb-4" src=photo["value"] alt=photo["alt"]
             figcaption
               = photo["alt"]
       div class="e-content"