Browse Source

Field description styles are off

Angus McLeod 7 years ago
parent
commit
4b4ed53a46

+ 7 - 7
assets/javascripts/wizard/templates/components/wizard-field.hbs

@@ -2,15 +2,15 @@
   {{#if field.label}}
     <span class='label-value'>{{field.label}}</span>
   {{/if}}
+</label>
 
-  {{#if field.image}}
-    <div class="field-image"><img src="{{field.image}}"></div>
-  {{/if}}
+{{#if field.image}}
+  <div class="field-image"><img src="{{field.image}}"></div>
+{{/if}}
 
-  {{#if field.description}}
-    <div class='field-description'>{{cookedDescription}}</div>
-  {{/if}}
-</label>
+{{#if field.description}}
+  <div class='field-description'>{{cookedDescription}}</div>
+{{/if}}
 
 {{#if inputComponentName}}
   <div class='input-area'>

+ 14 - 5
assets/stylesheets/wizard/wizard_custom.scss

@@ -151,11 +151,6 @@
     display: flex;
     align-items: center;
 
-    &> label {
-      order: 1;
-      flex: 1;
-    }
-
     &> .input-area {
       order: 0;
       margin: 15px 20px !important;
@@ -165,6 +160,16 @@
         transform: scale(1.3);
       }
     }
+
+    &> label {
+      order: 1;
+    }
+
+    &> .field-description {
+      margin-top: 0;
+      margin-left: 10px;
+      order: 2;
+    }
   }
 
   .control-group {
@@ -191,6 +196,10 @@
     margin: 20px 0;
   }
 
+  .wizard-image-row .wizard-btn-upload {
+    margin: 0;
+  }
+
   .wizard-column .wizard-field .input-area {
     margin: 0.5em 0;
   }