Browse Source

Minor improvements to the form rendering.

Aleksander Nowodzinski 5 years ago
parent
commit
d1c3e86497

+ 1 - 1
packages/ckeditor5-table/src/tableproperties/ui/tablepropertiesview.js

@@ -337,8 +337,8 @@ export default class TablePropertiesView extends View {
 
 		[
 			this.borderStyleDropdown,
-			this.borderWidthInput,
 			this.borderColorInput,
+			this.borderWidthInput,
 			this.backgroundInput,
 			this.widthInput,
 			this.heightInput,

+ 13 - 2
packages/ckeditor5-table/theme/tableproperties.css

@@ -17,8 +17,18 @@
 		&.ck-table-properties-form__dimensions-row {
 			align-items: center;
 
-			& .ck-labeled-view .ck-label {
-				display: none;
+			& .ck-labeled-view {
+				display: flex;
+				flex-direction: column-reverse;
+				align-items: center;
+
+				& > .ck-label {
+					font-size: 10px;
+				}
+
+				& .ck.ck-dropdown {
+					flex-grow: 0;
+				}
 			}
 
 			& .ck-table-properties-form__width {
@@ -33,6 +43,7 @@
 		&.ck-table-properties-form__alignment-row {
 			flex-wrap: wrap;
 			flex-basis: 0;
+			align-content: baseline;
 
 			& .ck.ck-toolbar {
 				background: none;