💄 Change styling of Update Link Title Input

WebCrateApp · Aug 28, 2021 · 46d8c30 · 46d8c30
1 parent a35d414
commit 46d8c30
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/client/components/Modal/LinkDetails.vue b/client/components/Modal/LinkDetails.vue
@@ -14,7 +14,7 @@
           <input
             v-if="editable"
             v-model="linkTitle"
-            class="no-input headline"
+            class="input headline"
             placeholder="Click to add a title for this link"
             title="Click to edit title"
           />
@@ -398,8 +398,9 @@ export default {
 		}
 
 		.top {
+            align-items: flex-start;
 			display: flex;
-			align-items: center;
+            column-gap: 25px;
 			margin-bottom: 0.5rem;
 
 			.title {
@@ -418,9 +419,10 @@ export default {
 		}
 
 		.headline {
+            color: var(--text);
 			font-size: inherit;
 			font-weight: 600;
-			color: var(--text);
+            margin-bottom: 10px;
 			width: 100%;
 		}