Added borders to release info column.

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;
 

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] {