From 26161abd39fb2e6aa8ac21a7e63a7fd9b8ded60d Mon Sep 17 00:00:00 2001
From: Niels Simenon <niels.simenon@gmail.com>
Date: Thu, 9 Jan 2020 02:09:17 +0100
Subject: [PATCH] Added borders to release info column.

---
 assets/components/releases/release.vue | 13 +++++++++----
 public/css/style.css                   | 12 ++++++++----
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/assets/components/releases/release.vue b/assets/components/releases/release.vue
index f0558e77..8f8d7433 100644
--- a/assets/components/releases/release.vue
+++ b/assets/components/releases/release.vue
@@ -5,7 +5,7 @@
     >
         <Banner :release="release" />
 
-        <div class="info">
+        <div class="details">
             <div class="column">
                 <a
                     v-if="release.date"
@@ -95,7 +95,7 @@
             </div>
         </div>
 
-        <div class="column">
+        <div class="info column">
             <h2 class="row title">{{ release.title }}</h2>
 
             <div class="row">
@@ -256,6 +256,12 @@ export default {
     box-sizing: border-box;
 }
 
+.info.column {
+    padding: 1rem;
+    border-left: solid 1px $shadow-hint;
+    border-right: solid 1px $shadow-hint;
+}
+
 .row {
     display: flex;
     align-items: center;
@@ -269,10 +275,9 @@ export default {
     }
 }
 
-.info {
+.details {
     background: $profile;
     color: $text-contrast;
-    margin: 0 0 1.5rem 0;
     box-shadow: 0 0 3px $shadow-weak;
     cursor: default;
 
diff --git a/public/css/style.css b/public/css/style.css
index 8f936412..b1866ca2 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -392,6 +392,11 @@
   margin: 0 auto;
   box-sizing: border-box;
 }
+.info.column[data-v-d4b03dc2] {
+  padding: 1rem;
+  border-left: solid 1px rgba(0, 0, 0, 0.1);
+  border-right: solid 1px rgba(0, 0, 0, 0.1);
+}
 .row[data-v-d4b03dc2] {
   display: -webkit-box;
   display: flex;
@@ -405,21 +410,20 @@
     fill: rgba(0, 0, 0, 0.7);
     margin: 0 1rem 0 0;
 }
-.info[data-v-d4b03dc2] {
+.details[data-v-d4b03dc2] {
   background: #222;
   color: #fff;
-  margin: 0 0 1.5rem 0;
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
   cursor: default;
 }
-.info .column[data-v-d4b03dc2] {
+.details .column[data-v-d4b03dc2] {
     display: -webkit-box;
     display: flex;
     -webkit-box-align: center;
             align-items: center;
     padding: 0 1rem;
 }
-.info .link[data-v-d4b03dc2] {
+.details .link[data-v-d4b03dc2] {
     color: #fff;
 }
 .tidbit[data-v-d4b03dc2] {