Styling adjustment to align entry detail buttons during edit and view…

… mode change (#608)
mozilla-lockwise · Mar 7, 2018 · 080f367 · 080f367
1 parent 5aa00f5
commit 080f367
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/webextension/list/components/item-fields.css b/src/webextension/list/components/item-fields.css
@@ -29,6 +29,10 @@
   min-height: 60px;
 }
 
+.notes-read-only {
+  min-height: 73px;
+}
+
 .first-label {
   margin-top: 0;
 }

diff --git a/src/webextension/list/components/item-fields.js b/src/webextension/list/components/item-fields.js
@@ -74,7 +74,7 @@ export function ItemFields({fields, onCopy}) {
         <Localized id="item-fields-notes">
           <LabelText>nOTEs</LabelText>
         </Localized>
-        <FieldText className={styles.notes} data-name="notes">{fields.notes}</FieldText>
+        <FieldText className={styles.notesReadOnly} data-name="notes">{fields.notes}</FieldText>
       </div>
     </div>
   );