label length ++

hushline/settings/forms.py

@@ -293,7 +293,7 @@ class FieldChoiceForm(Form):
 
 class FieldForm(FlaskForm):
     id = HiddenField()
-    label = StringField("Label", validators=[DataRequired(), Length(max=50)])
+    label = StringField("Label", validators=[DataRequired(), Length(max=500)])
     field_type = SelectField(
         "Field Type",
         choices=[(field_type.value, field_type.label()) for field_type in FieldType],

hushline/static/css/style.css

@@ -3081,15 +3081,16 @@ strong {
 }
 
 label + p.meta {
-  width: fit-content;
+  max-width: fit-content;
+  width: 100%;
   margin: 0;
   margin-left: .5rem;
 }
 
 .label {
   display: flex;
   flex-direction: row;
-  align-items: baseline;
+  align-items: last baseline;
   margin-bottom: 0.5rem;
 }
 
@@ -3106,3 +3107,12 @@ input[type="checkbox"] + label,
 input[type="radio"] + label {
   font-family: var(--font-sans);
 }
+
+.field-group ul,
+.field-group ol {
+  margin-bottom: .5rem;
+}
+
+ul + p.meta {
+  margin-top: 0rem;
+}

hushline/templates/profile.html

@@ -113,8 +113,8 @@ <h2 class="submit">
         <div class="field-group">
           <div class="label">
             {{ form[data['name']].label(for=data['name']) }}
-            {% if not data['field'].required %}
-              <p class="meta">Optional</p>
+            {% if data['field'].required %}
+              <p class="meta">Required</p>
             {% endif %}
           </div>
           <div>