Index: /gs3-extensions/map-editor/DrawingManager/index.css =================================================================== --- /gs3-extensions/map-editor/DrawingManager/index.css (revision 32775) +++ /gs3-extensions/map-editor/DrawingManager/index.css (revision 32776) @@ -9,5 +9,5 @@ /* Optional: Makes the sample page fill the window. */ - html, body { +html, body { height: 100%; width: 99%; @@ -15,56 +15,84 @@ padding: 0; - } - - #DeleteButtons{ - display: inline-block; - float: left; - padding-left: 10px; - padding-top: 5px; - width: 100% +} - } - - #LineThickness{ - display: inline-block; - float: left; - padding-left: 10px; - padding-top: 5px; +#ControlPanel{ + display: inline-block; + border: 2px #739346 solid; + padding: 9px; + padding-top: 5px; + padding-bottom: 0px; + border-radius: 40px; + margin: 5px; +} - } - - #ColourOpacity{ - display: inline-block; - float: left; - padding-left: 10px; - padding-top: 5px; - } - - #buttons3{ - display: inline-block; - float: left; - padding-left: 10px; - padding-top: 5px; - } - - #FillColour { - display: inline-block; - float: left; - padding-left: 10px; - padding-top: 5px; - } - - #color-palette1 { - clear: both; - } - - .color-buttons1 { - width: 14px; - height: 14px; - font-size: 0; - margin: 2px; - float: left; - cursor: pointer; - } +#ControlButtons{ + margin: auto; + display: inline-block; + float: left; + padding-left: 10px; + padding-top: 5px; + + +} + +#LineThickness{ + display: inline-block; + float: left; + margin-left: 3px; + margin-right: 3px; + +} + +#ColourOpacity{ + display: inline-block; + float: left; + margin-left: 3px; + margin-right: 3px; +} + +#buttons3{ + display: inline-block; + float: left; + padding-left: 10px; + +} + +#FillColour { + display: inline; + float: left; + padding-left: 10px; + +} + +#color-palette1 { + vertical-align: middle; + display: inline; +} + +#ThirdRow { + clear: left; +} + +#SecondRow> div > p{ + margin: 5px; +} + +#FillColour > p { + margin-top: 5px; + display: flex; + float: left; +} +.color-buttons1 { + width: 14px; + height: 14px; + font-size: 0; + margin: 2px; + margin-top: 5px; + margin-left: 10px; + float: left; + display: inline; + cursor: pointer; +} Index: /gs3-extensions/map-editor/DrawingManager/index.html =================================================================== --- /gs3-extensions/map-editor/DrawingManager/index.html (revision 32775) +++ /gs3-extensions/map-editor/DrawingManager/index.html (revision 32776) @@ -16,11 +16,31 @@
-Line thickness:
+Value:
+Colour opacity:
+Value:
+Fill Colour:
+Line thickness:
-Value:
-Colour opacity:
-Value:
-Fill Colour:
-