From 24432af4545e9e1508411846ac8038326970bc4d Mon Sep 17 00:00:00 2001
From: Minesh Mitha <minesh@mineshs-MBP.local>
Date: Mon, 22 Oct 2018 20:51:27 +0100
Subject: [PATCH] responsive WIP

---
 client/scss/asset-display/_asset-display.scss | 25 ++++++++++++++++---
 client/scss/link/_link.scss                   |  4 +++
 .../scss/vertical-split/_vertical-split.scss  |  1 +
 3 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/client/scss/asset-display/_asset-display.scss b/client/scss/asset-display/_asset-display.scss
index 44b03264..ae8e9405 100644
--- a/client/scss/asset-display/_asset-display.scss
+++ b/client/scss/asset-display/_asset-display.scss
@@ -74,11 +74,23 @@
         padding-right: 40px;
         margin-right: -1px;
         border-right: 1px solid $grey-alt;
+        @media (max-width: $break-point-large) {
+          order: 2;
+          border: none;
+          padding: 0;
+          margin: 0;
+        }
       }
       &:last-child {
         padding-left: 60px;
         border-left: 1px solid $grey-alt;
+        @media (max-width: $break-point-large) {
+          border: none;
+          padding: 40px 0 0 0;
+          margin: 0;
+        }
       }
+
     }
   }
 
@@ -90,12 +102,19 @@
     line-height: 18px;
     width: 360px;
     padding-bottom: 80px;
-    @media (max-width: $break-point-medium) {
-      padding-bottom: 60px;
+    @media (max-width: $break-point-large) {
+      padding: 0;
+      width: 100%;
+      margin-bottom: 60px;
     }
   }
   .asset-information {
     width: 320px;
+    @media (max-width: $break-point-large) {
+      min-width: 320px;
+      width: 100%;
+    }
+
   }
 
 }
@@ -104,7 +123,7 @@
   padding-top: 30px;
   border-top: 1px solid $grey-alt;
   padding-bottom: 80px;
-  @media (max-width: $break-point-medium) {
+  @media (max-width: $break-point-large) {
     padding-bottom: 60px;
   }
 }
\ No newline at end of file
diff --git a/client/scss/link/_link.scss b/client/scss/link/_link.scss
index 59b189be..320e848f 100644
--- a/client/scss/link/_link.scss
+++ b/client/scss/link/_link.scss
@@ -48,6 +48,10 @@ a, a:visited {
       stroke: $grey;
       transition: all 0.2s ease;
     }
+
+    @media (max-width: $break-point-x-small) {
+      padding-top: 0;
+    }
   }
   &:hover {
     .link-text {
diff --git a/client/scss/vertical-split/_vertical-split.scss b/client/scss/vertical-split/_vertical-split.scss
index 3fd72e90..0857c491 100644
--- a/client/scss/vertical-split/_vertical-split.scss
+++ b/client/scss/vertical-split/_vertical-split.scss
@@ -18,6 +18,7 @@
   margin: 15px auto 0;
   width: 24px;
   height: 24px;
+  padding: 0;
   svg {
     stroke: $brand-color;
     &.plus-icon {