Feature picker collapsed feature preview image fix, position of closing icon fix

Author: Victor George

src/projects/detail/components/FeatureSelector/FeaturePreview.scss

@@ -2,12 +2,15 @@
 
 .feature-preview {
   text-align: center;
-  /*padding: (8 * $base-unit) (12 * $base-unit) ;*/
-  /*background: url('./images/Device-iPhone.svg') no-repeat;*/
-  background-color: #FBFDFF;
+  // padding: (8 * $base-unit) (12 * $base-unit) ;
+  // background: url('./images/Device-iPhone.svg') no-repeat;
+  background-color: #fbfdff;
   background-position: 50% 22px;
   padding: 8 * $base-unit;
   border-left: 1px solid $tc-dark-blue-30;
+  min-width: 260px;
+  display: block;
+
   .feature-preview-img {
     background: url('./images/Device-iPhone.svg') no-repeat;
     /*padding: (8 * $base-unit) (12 * $base-unit) ;*/
@@ -16,6 +19,7 @@
     max-width: 273px;
     background-size: contain;
   }
+
   img {
     display: inline-block;
     width: 100%;

src/projects/detail/containers/Specification.scss

@@ -50,15 +50,19 @@ $title-color: $tc-gray-80;
   .x-mark-icon {
     display: inline-block;
     margin: 0 0 0 5px;
-    vertical-align: text-bottom;
     transition: all 200ms ease-in-out;
+
+    & > svg {
+      padding-top: 3px;
+      transition: all 200ms ease-in-out;
+    }
   }
 
   &:hover {
     color: $tc-black;
     cursor: pointer;
 
-    .x-mark-icon {
+    .x-mark-icon > svg {
       fill: $tc-black;
     }
   }