fix: note icons getting pushed by extra-long words (#835)

2022-01-31 19:20:48 +05:30
parent 46ee84ce24
commit 0e00901f15
2 changed files with 11 additions and 5 deletions
--- a/app/assets/stylesheets/_notes.scss
+++ b/app/assets/stylesheets/_notes.scss
@@ -134,18 +134,24 @@
        padding-left: 1rem;
      }

-      .name {
+      .name-container {
        display: flex;
-        align-items: center;
+        align-items: flex-start;
        justify-content: space-between;
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.3;
        overflow: hidden;
-        text-overflow: ellipsis;
+      }
+
+      .name {
+        word-break: break-all;
+        margin-right: 0.5rem;
      }

      .flag-icons {
+        padding: .135rem 0;
+
        &,
        & > * {
          display: flex;