From 9c54a95140f65845b3f971b794de06d630162f05 Mon Sep 17 00:00:00 2001
From: Artyom Kazak <yom@artyom.me>
Date: Mon, 6 May 2019 16:47:12 +0200
Subject: [PATCH] Update CSS further

---
 templates/css.widget       | 10 ++++++++--
 templates/item-info.widget |  9 ++++++---
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/templates/css.widget b/templates/css.widget
index 4a097e7..2cfa7ec 100644
--- a/templates/css.widget
+++ b/templates/css.widget
@@ -231,7 +231,10 @@ body {
 }
 
 .item {
-  margin-top: 20px;
+  margin-top: 50px;
+  margin-bottom: 50px;
+  border-radius: 5px;
+  box-shadow: 0 0 20px rgba(140, 152, 164, 0.2);
 }
 
 .category-info .controls {
@@ -251,9 +254,12 @@ body {
 }
 
 .item-body {
-  padding-top: 5px;
+  padding-top: 15px;
+  border: 1px solid rgba(140, 152, 164, 0.2);
+  border-top: none;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
+  background-clip: border-box;
 }
 
 .item-traits,
diff --git a/templates/item-info.widget b/templates/item-info.widget
index 69c9fb3..5e10708 100644
--- a/templates/item-info.widget
+++ b/templates/item-info.widget
@@ -44,8 +44,11 @@ CSS
 .item-info {
   padding-bottom: 12px;
   padding: 10px 15px;
+  border: 1px solid rgba(140, 152, 164, 0.2);
+  border-bottom: none;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
+  background-clip: border-box;
 }
 
 .item-info .section.normal {
@@ -195,7 +198,7 @@ HTML: item-info-edit-form
       <option value="{{name}}" {{%selectIf selected}}>{{caption}}</option>
     {{/possible_kinds}}
   </select>
- 
+
   <label for="hackage-name">
     Name on Hackage
   </label>
@@ -207,7 +210,7 @@ HTML: item-info-edit-form
   </label>
   <input id="site" name="link" value="{{item.link}}"
           type="text" autocomplete="off">
-  
+
 <div class="form-group">
   <label for="group">
     Group
@@ -222,7 +225,7 @@ HTML: item-info-edit-form
     {{/ category_groups }}
     <option value="">New group...</option>
     </select>
-  
+
   <input hidden class="custom-group-input" name="custom-group"
          type="text" autocomplete="off">
   </div>