Lens restructure (#540)

Signed-off-by: Roman <ixrock@gmail.com>

src/renderer/components/+apps-helm-charts/helm-charts.scss

@@ -0,0 +1,62 @@
+.HelmCharts {
+  .SearchInput {
+    width: 70%;
+    margin: auto;
+
+    > label {
+      padding: $padding $padding * 2;
+    }
+  }
+
+  .TableCell {
+    text-overflow: ellipsis;
+
+    &.name {
+      flex-grow: 1.3;
+    }
+
+    &.icon {
+      display: flex;
+      flex-grow: 0.3;
+      padding: 0;
+
+      figure {
+        $iconSize: $unit * 3.5;
+        width: $iconSize;
+        height: $iconSize;
+        border-radius: 50%;
+        background: $helmImgBackground url(helm-placeholder.svg) center center no-repeat;
+        background-size: 72%; // bg size looks same as image on top of it
+        margin: auto;
+
+        img {
+          object-fit: contain;
+          width: inherit;
+          height: inherit;
+          visibility: hidden;
+          border-radius: inherit;
+          background-color: $helmImgBackground;
+          padding: $padding / 2;
+
+          &.visible {
+            visibility: visible;
+          }
+        }
+      }
+    }
+
+    &.description {
+      flex-grow: 2.5;
+    }
+
+    &.repository {
+      &.stable {
+        color: $helmStableRepo;
+      }
+
+      &.incubator {
+        color: $helmIncubatorRepo;
+      }
+    }
+  }
+}