fix: notes list item layout when title is empty (#850)

2022-02-07 19:59:43 +05:30
parent a05075d858
commit 9932c2a177
2 changed files with 56 additions and 55 deletions
--- a/app/assets/stylesheets/_notes.scss
+++ b/app/assets/stylesheets/_notes.scss
@@ -129,8 +129,7 @@
    .meta {
      flex-grow: 1;
      min-width: 0;
-      padding: 1rem;
-      padding-left: 0;
+      padding: 1rem 0;
      border-bottom: 1px solid var(--sn-stylekit-border-color);

      &.icon-hidden {
@@ -152,20 +151,6 @@
        margin-right: 0.5rem;
      }

-      .flag-icons {
-        padding: 0.135rem 0;
-
-        &,
-        & > * {
-          display: flex;
-          align-items: center;
-        }
-
-        & > * + * {
-          margin-left: 0.375rem;
-        }
-      }
-
      .bottom-info {
        font-size: 12px;
        line-height: 1.4;
@@ -173,6 +158,22 @@
      }
    }

+    .flag-icons {
+      display: flex;
+      align-items: flex-start;
+      padding: 1rem;
+      padding-left: 0;
+
+      & > * {
+        display: flex;
+        align-items: center;
+      }
+
+      & > * + * {
+        margin-left: 0.375rem;
+      }
+    }
+
    .tags-string {
      display: flex;
      flex-wrap: wrap;