address style improvments

static/contact.css

@@ -33,9 +33,14 @@ main {
   grid-template-columns: min-content auto;
   row-gap: 0.5em;
 
-  .label {
+  .label[data-is-empty="false"] {
     color: var(--line-color);
     text-align: right;
+    margin-right: 0.5em;
+  }
+
+  .value {
+    white-space: pre-wrap;
   }
 }
 
@@ -72,14 +77,35 @@ main {
   &>textarea,
   &::after {
     /* Identical styling required!! */
-    margin-top: 1em;
     width: 100%;
+    max-width: 12em;
+    font: inherit;
+    border: 1px solid gray;
+    box-sizing: border-box;
+    margin: 2px 0;
+    padding: 0.25em;
 
     /* Place on top of each other */
     grid-area: 1 / 1 / 2 / 2;
   }
 }
 
+@media only screen and (max-width: 650px) {
+  .address-input+.address-input {
+    margin-top: 0.5em;
+  }
+}
+
+#text_body {
+  margin-top: 1em;
+
+  .grow-wrap>textarea,
+  .grow-wrap::after {
+    /* Identical styling required!! */
+    max-width: 100%;
+  }
+}
+
 .hint {
   font-size: small;
 }