Left-aligned label

2019-03-19 15:01:23 +01:00
parent 9d85b39356
commit e876c07579
1 changed files with 21 additions and 0 deletions
--- a/app/assets/stylesheets/dashboard.scss
+++ b/app/assets/stylesheets/dashboard.scss
@@ -101,6 +101,18 @@
    margin-left: $line-height / 4;
    max-width: 90%;

+    h4 {
+      display: inline-block;
+    }
+
+    .label {
+      margin-left: $line-height / 2;
+    }
+
+    a {
+      display: block;
+    }
+    
    h4,
    p {
      margin-bottom: 0;
@@ -168,6 +180,15 @@
    width: rem-calc(36);
  }

+  .label {
+    position: absolute;
+    top: 20px;
+    left: 0;
+  }
+
+  h4 {
+    margin-top: $line-height;
+  }
  .resource-description {
    min-height: $line-height * 4;
  }