NIFI-280 fixing up table formatting of tables in components

nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-docs/src/main/webapp/css/component-usage.css

@@ -42,30 +42,75 @@ body {
 /* tables */
 
 table {
-    background-color: #fefefe;
-    border: 1px solid #ccc;
-    border-left: 6px solid #ccc;
-    color: #555;
-    display: block;
-    margin-bottom: 12px;
-    padding: 5px 8px;
-}
-
-tr td {
+	color:#666;
 	font-size:14px;
-    vertical-align:top;
-    text-align:left;
-    padding: 4px;
-    border-width: 0;
+	background:#eaebec;	
+	border:#ccc 1px solid;
+	-webkit-border-radius:3px;
+	border-radius:3px;
+	width: 100%;
 }
 
-tr th {
-    font-size: 16px;
-    vertical-align:top;
+table th {
+	padding:21px 25px 22px 25px;
+	border-top:1px solid #fafafa;
+	border-bottom:1px solid #e0e0e0;
+
+	background: #ededed;
+}
+
+table th:first-child {
 	text-align: left;
-    padding: 4px;
-    border-width: 0;
-    white-space: nowrap;
+	padding-left:20px;
+}
+
+table th:last-child {
+	text-align: left;
+	padding-left:20px;
+}
+
+table tr:first-child th:first-child {
+	border-top-left-radius:3px;
+}
+
+table tr:first-child th:last-child {
+	border-top-right-radius:3px;
+}
+
+table tr {
+	text-align: center;
+	padding-left:20px;
+}
+
+table td:first-child {
+	text-align: left;
+	padding-left:20px;
+	border-left: 0;
+}
+
+table td:last-child {
+	text-align: left;
+	padding-left:20px;
+	border-left: 0;
+	vertical-align: top;
+	
+}
+
+table td {
+	padding:18px;
+	background: #fafafa;
+}
+
+table tr:last-child td {
+	border-bottom:0;
+}
+
+table tr:last-child td:first-child {
+	border-bottom-left-radius:3px;
+}
+
+table tr:last-child td:last-child {
+	border-bottom-right-radius:3px;
 }
 
 /* links */
@@ -99,10 +144,13 @@ p strong {
 }
 
 /* ul li */
-
+td ul {
+	margin: 0px 0px 0px 0px;
+	padding-left: 20px;
+}
 ul li {
-    font-family: 'Noto Serif', 'DejaVu Serif', serif;
-    font-size: 16px;
+	text-align: left;
+	display: list-item;    
 }
 
 ul li strong {