Better legend text style

skins/elastic/styles/layout.less

@@ -174,10 +174,6 @@ html.iframe body {
     #layout > .content {
         height: 100%;
     }
-
-    .frame-content {
-        padding: 1rem;
-    }
 }
 
 

skins/elastic/styles/widgets/common.less

@@ -33,6 +33,20 @@
     opacity: .92;
 }
 
+.frame-content {
+    padding: 1rem;
+
+    h2 {
+        font-weight: bold;
+        font-size: 1.5em;
+    }
+
+    h3 {
+        font-weight: bold;
+        font-size: 1.25em;
+    }
+}
+
 .listbox .scroller {
     width: 100%;
     overflow-x: hidden;

skins/elastic/styles/widgets/forms.less

@@ -23,11 +23,23 @@ input.smart-upload {
     opacity: 0;
 }
 
-/* TODO: review when decided what css framework to use */
+
-.propform:not(.popupmenu) {
+.propform {
-    width: 100%;
+    /* TODO: do we need this? */
+    &:not(.popupmenu) {
+        width: 100%;
+    }
 }
 
+.propform,
+.formcontent {
+    legend {
+        font-weight: bold;
+        font-size: 1.2em;
+    }
+}
+
+
 /* Forms fixes for IE and Edge */
 html.ms .propform {
     .row:not(.form-check) > td {
@@ -134,7 +146,6 @@ html.ms .propform {
     }
 }
 
-
 .popup form.propform {
     padding: .5rem;
     overflow-x: hidden;