Round corners on categories

1 files changed, 8 insertions, 8 deletions

diff --git a/source/_partials/postStub.blade.php b/source/_partials/postStub.blade.php
index 5f1af95..ca9f08b 100644
--- a/source/_partials/postStub.blade.php
+++ b/source/_partials/postStub.blade.php
@@ -1,15 +1,15 @@
-<li class="lg:flex lg:flex-row lg:justify-between">
-    <a title="Go to post" href="{{ $post->getUrl() }}">
-        <h4>{{$post->title }}</h4>
-        <p>{{ $post->description }}</p>
+<li class="md:flex md:flex-row md:justify-between hover:bg-gray-800 p-4 pb-8">
+    <a class="text-green-300" title="Go to post" href="{{ $post->getUrl() }}">
+        <h4 class="text-3xl font-bold">{{$post->title }}</h4>
+        <p class="text-2xl text-gray-300">{{ $post->description }}</p>
     </a>
-    <div class="text-right flex flex-row lg:flex-col">
-        <time class="order-2 lg:order-1 ml-2" datetime="{{ $post->getDate()->format('Y-m-d') }}">
+    <div class="mt-8 md:mt-0 text-right flex flex-row md:flex-col">
+        <time class="inline-block p-2 text-gray-200 order-2 md:order-1 ml-2" datetime="{{ $post->getDate()->format('Y-m-d') }}">
             {{ $post->getDate()->format('M d, Y') }}
         </time> 
-        <div class="order-1 lg:order-2">
+        <div class="order-1 md:order-2">
             @foreach ($post->categories as $category)
-                <a href="/categories/{{ $category }}">{{ $category }}</a>
+                <span class="inline-block bg-green-800 rounded py-2 px-4"><a class="text-gray-200" href="/categories/{{ $category }}">{{ $category }}</a></span>
             @endforeach
         </div>
     </div>