Merge pull request #1912 from IsaacYangSLA/fix/S3_checkbox

Fix checkbox style in S3 tab
NVIDIA · Dec 12, 2017 · d823b17 · d823b17
2 parents bb7e090 + 75ea507
commit d823b17
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/digits/static/css/style.css b/digits/static/css/style.css
@@ -137,6 +137,16 @@ input[readonly]:disabled {
     background-color: #EEE !important;
     cursor: not-allowed !important;
 }
+.checkbox-fix {
+    display: flex;
+}
+
+.checkbox-fix input[type=checkbox]{
+    margin: 4px 5px 5px 0;
+    padding: 0;
+    width: auto;
+    height: auto;
+}
 
 a.active {
 	font-weight: 900;

diff --git a/digits/templates/datasets/images/classification/new.html b/digits/templates/datasets/images/classification/new.html
@@ -340,10 +340,10 @@ <h1>New Image Classification Dataset</h1>
                         {{ form.s3_secretkey.tooltip }}
                         {{ form.s3_secretkey(class='form-control', placeholder='S3 Secret Key', type='password')}}
                     </div>
-                    <div class="form-group{{mark_errors([form.s3_keepcopiesondisk])}}">
+                    <div class="form-group checkbox-fix {{mark_errors([form.s3_keepcopiesondisk])}}">
+                        {{ form.s3_keepcopiesondisk(class='form-control', placeholder='S3 Secret Key', type='checkbox')}}
                         {{ form.s3_keepcopiesondisk.label }}
                         {{ form.s3_keepcopiesondisk.tooltip }}
-                        {{ form.s3_keepcopiesondisk(class='form-control', placeholder='S3 Secret Key', type='checkbox')}}
                     </div>
                     <div class="row">
                         <div class="col-sm-10 col-sm-offset-1">