fix the UI bug (#2451)

okTurtles · Dec 10, 2024 · 7b1c2b3 · 7b1c2b3
1 parent ec0663b
commit 7b1c2b3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/frontend/views/components/PageSection.vue b/frontend/views/components/PageSection.vue
@@ -51,5 +51,6 @@ export default ({
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
+  row-gap: 1rem; // There should be a space between the title and the cta when they become two rows.
 }
 </style>
diff --git a/frontend/views/containers/proposals/ProposalItem.vue b/frontend/views/containers/proposals/ProposalItem.vue
@@ -24,7 +24,7 @@ li.c-item-wrapper(data-test='proposalItem' :data-proposal-hash='proposalHash')
             .button.is-icon-smaller.is-primary
               i.icon-question
 
-        p(data-test='title' v-safe-html='subtitle')
+        p.c-content-title(data-test='title' v-safe-html='subtitle')
 
         p.has-text-1(
           :class='{ "has-text-danger": proposal.status === statuses.STATUS_FAILED, "has-text-success": proposal.status === statuses.STATUS_PASSED }'
@@ -380,6 +380,10 @@ export default ({
   &-content {
     flex-grow: 1;
   }
+
+  .c-content-title {
+    word-break: break-word;
+  }
 }
 
 .c-tip {