#7549 fix available properties alignment

twosigma · Jun 20, 2018 · 6c218d1 · 6c218d1
1 parent 2cfb186
commit 6c218d1
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/js/notebook/src/shared/style/spark.scss b/js/notebook/src/shared/style/spark.scss
@@ -201,11 +201,18 @@
   .bx-spark-connect-error {
     margin-left: 20px;
   }
+
+  .bx-spark-configuration {
+    .bx-properties-add-label {
+      width: 298px;
+      text-align: right;
+    }
+  }
 }
 
 .bx-spark-save-button {
-    margin-left: 10px;
-    width: 80px;
+  margin-left: 10px;
+  width: 80px;
 }
 
 .bx-toolbar-spark-widget {

diff --git a/kernel/sparkex/src/main/java/com/twosigma/beakerx/widget/SparkConfiguration.java b/kernel/sparkex/src/main/java/com/twosigma/beakerx/widget/SparkConfiguration.java
@@ -47,6 +47,7 @@ private HTML sparkVersionWidget(String version) {
     HTML html = new HTML();
     String ap = String.format("https://spark.apache.org/docs/%s/configuration.html#available-properties", version);
     html.setValue("<a target=\"_blank\" href=\"" + ap + "\">Available properties" + "</a>");
+    html.setDomClasses(new ArrayList<>(asList("bx-properties-add-label")));
     return html;
   }
 
@@ -59,7 +60,7 @@ private List<PropertyItem> createPropertyItems(Map<String, String> advancedSetti
   private Button createAddButton() {
     Button add = new Button();
     add.setTooltip("Add property");
-    add.setDomClasses(new ArrayList<>(asList("bx-button", "icon-add")));
+    add.setDomClasses(new ArrayList<>(asList("bx-button", "icon-add", "bx-properties-add-button")));
     add.registerOnClick((content, message) -> addProperty());
     return add;
   }