Client pass

V1/resources/css/components/follow.css

@@ -1,6 +1,6 @@
 .follow-container {
     background-color: #F8FAFC;
-    height: calc(100vh - 200px);
+    height: 100vh;
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -37,7 +37,7 @@
     overflow: scroll;
     border-top: 1px solid #D4D6D8;
     border-bottom: 1px solid #D4D6D8;
-    height: 100%;
+    height: 250px;
     width: 100%;
     padding: 2vmin;
     margin-top: 5vmin;
@@ -45,7 +45,7 @@
 
 .follow-sub-line {
     display: grid;
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(4, 1fr);
     grid-auto-rows: minmax(100px, auto);
     font-family: 'Overused Grotesk';
     color:#222;
@@ -70,8 +70,32 @@
     max-width: 90%;
 }
 
-.follow-sub-line svg {
+.follow-sub-line-icon {
     grid-column: 4;
+    display: flex;
+    align-items: end;
+    flex-direction: column;
+    z-index: 2;
+}
+
+.follow-sub-line-icon svg {
+    background-color: white;
+    border-radius: 28.5px;
+    height: 82px;
+    width: 47px;
+    padding: 5px;
+}
+
+.follow-sub-background {
+    position: relative;
+    background-color: #EFEFEF;
+    z-index: 1;
+    border-radius: 38px;
+    width: 77px;
+    height: 659px;
+    display: block;
+    top: calc(-100% * 2 - 34px);
+    right: calc(83px - 100%);
 }
 
 @media only screen and (max-width: 1200px) {