1 files changed, 38 insertions, 7 deletions

diff --git a/help3/xhpeditor/xhpeditor.css b/help3/xhpeditor/xhpeditor.css
index e7923730..7d9bdce4 100644
--- a/help3/xhpeditor/xhpeditor.css
+++ b/help3/xhpeditor/xhpeditor.css
@@ -7,6 +7,16 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+ol, ul {
+    list-style: none;
+}
+
 /* css for the main editor  web page */
 
 .form_area{
@@ -88,28 +98,26 @@
     grid-area: editorpageheader;
     position: sticky;
     top:0px;
-    padding: 3px;
     margin: 0px;
     z-index:100;
     background: Beige;
-    border: 1px solid gray;
+    border-right: 1px solid gray;
+    border-bottom: 1px solid gray;
 }
 #editortextarea{
     grid-area: editortextarea;
-    padding: 3px;
     margin: 0px;
     background: Beige;
-    border: 1px  solid gray;
+    border-right: 1px solid gray;
 }
 
 #renderedpageheader{
     grid-area:renderedpageheader;
     position: sticky;
     top:0px;
-    padding: 3px;
     margin: 0px;
     background: AliceBlue;
-    border:1px solid grey;
+    border-bottom: 1px solid gray;
 }
 #renderedpage {
     grid-area:renderedpage;
@@ -117,7 +125,6 @@
     margin: 0px;
     overflow-y:auto;
     background: AliceBlue;
-    border:1px solid grey;
     display:inline-block;
 }
 .buttonrow{
@@ -145,6 +152,7 @@
     }
     @media screen and (min-width: 800px) {
         body {
+            margin: 0;
             overflow:hidden;
             display: grid;
             grid-template-columns: 50vw 50vw;
@@ -155,5 +163,28 @@
     }
 }
 
+/* Toolbar */
+
+ul#editor-toolbar {
+    margin: 0;
+    line-height: 17px;
+    padding: 0;
+    list-style-type: none;  
+}
 
+ul#editor-toolbar li {
+    display: inline-block;
+    padding: 4px 8px;
+}
 
+ul#editor-toolbar li:hover {
+    cursor: pointer;
+    background-color: rgba(0, 0, 0, 0.2);
+    background-blend-mode: darken;
+}
+
+ul#editor-toolbar li.separator {
+    border-left: 1px solid lightgray;
+    padding: 4px 0;
+    width: 0;
+}