Improve margin handling

diff --git a/public/trivabble.css b/public/trivabble.css
index 79a7e4141ac8aff1ef446236769b04a4882d89f0..7b297cd02a34f33681e2d5146dcb4ea35acb11ba 100644 (file)
--- a/public/trivabble.css
+++ b/public/trivabble.css
@@ -153,6 +153,8 @@ html, #board, [draggable], .tile {
 }
 
 body {
+    margin:0;
+    padding:0;
     display:-webkit-flex;
     display:flex;
     -webkit-flex-direction:row;
@@ -376,6 +378,11 @@ td.blink {
 #panel {
     /* -webkit-justify-content:center; does not look good */
     text-align:center;
+    padding-right:3px;
+}
+
+#menu {
+    padding-left:3px;
 }
 
 #bag, #rack-outer {
@@ -384,7 +391,12 @@ td.blink {
     text-align:center;
 }
 
+#rack-outer {
+    padding-bottom: 3px;
+}
+
 #p-name, #p-number {
+    word-break: break-word;
     margin:0;
     text-align:center;
     font-size:small
@@ -416,6 +428,7 @@ td.blink {
     align-items: center;
     justify-content: center;
     text-align: center;
+    margin-top:3px;
     margin-bottom:1ex;
 }
 
@@ -458,6 +471,10 @@ td.blink {
     margin:0 auto 1ex auto;
 }
 
+#participants td {
+    word-break:break-word;
+}
+
 #participants th, #participants td {
     border:1px solid gray;
     padding:0.33ex 0.5ex;
@@ -665,7 +682,7 @@ td.blink {
     font-size:small;
     border-radius:3px;
     border:none;
-    margin:0;
+    margin:3px 3px 0 0;
     min-height: 2em;
     float:right
 }