Fix CSS of paragraph forms

corneadoug · corneadoug · commit 75d12c3675ac · 2015-07-01T15:36:16.000+09:00
diff --git a/zeppelin-web/src/app/notebook/notebook.css b/zeppelin-web/src/app/notebook/notebook.css
@@ -22,6 +22,11 @@
   min-height: 32px;
 }
 
+.paragraphForm.form-horizontal .form-group {
+  margin-right: 0px;
+  margin-left:  0px;
+}
+
 .paragraph .tableDisplay .hljs {
   background: none;
 }
diff --git a/zeppelin-web/src/app/notebook/paragraph/paragraph.html b/zeppelin-web/src/app/notebook/paragraph/paragraph.html
@@ -64,12 +64,12 @@
 
     <form id="{{paragraph.id}}_form" role="form"
           ng-show="!paragraph.config.tableHide && !asIframe"
-          class="form-horizontal">
-      <div class="form-group"
+          class=" paragraphForm form-horizontal row">
+      <div class="form-group col-sm-6 col-md-6 col-lg-4"
            ng-repeat="formulaire in paragraph.settings.forms"
            ng-Init="loadForm(formulaire, paragraph.settings.params)">
-        <label class="col-sm-1 control-label input-sm" ng-class="{'disable': paragraph.status == 'RUNNING' || paragraph.status == 'PENDING' }">{{formulaire.name}}</label>
-        <div class="col-sm-3">
+        <label class="control-label input-sm" ng-class="{'disable': paragraph.status == 'RUNNING' || paragraph.status == 'PENDING' }">{{formulaire.name}}</label>
+        <div class="">
           <input class="form-control input-sm"
                  ng-if="!paragraph.settings.forms[formulaire.name].options"
                  ng-enter="runParagraph(getEditorValue())"

Original file line number	Diff line number	Diff line change
`@@ -22,6 +22,11 @@`
`22`	`22`	`min-height: 32px;`
`23`	`23`	`}`
`24`	`24`
	`25`	`+.paragraphForm.form-horizontal .form-group {`
	`26`	`+ margin-right: 0px;`
	`27`	`+ margin-left: 0px;`
	`28`	`+}`
	`29`	`+`
`25`	`30`	`.paragraph .tableDisplay .hljs {`
`26`	`31`	`background: none;`
`27`	`32`	`}`