first part of create neew nodes

nodejs/public/stylesheets/servicedock.css

@@ -30,69 +30,33 @@ svg {
   position: relative;
 }
 
-form {
-  padding: .5em 0 1em 0;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-}
-
 ul li {
   margin-left: 1em;
 }
 
-@media (max-width: 45em) {
-  form {
-    flex-direction: column;
-    flex-wrap: wrap;
-  }
-}
-
-form > * {
-  flex-grow: 1;
-}
-form input[type="submit"] {
-  flex-grow: 0;
-}
-form input#msg {
-  flex-grow: 4;
-}
-
-.buttongroup {
-  flex-grow: 0;
+form {
   display: flex;
   flex-direction: row;
-  flex-wrap: nowrap;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-items: stretch;
+  align-content: flex-start;
 }
-.buttongroup .toolbutton {
-  flex-grow: 1;
-  flex-basis: 0;
-  text-align: center;
-  text-align: center;
-  cursor: pointer;
+
+form fieldset {
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: auto; /* or: content */
 }
-.toolbutton label img {
-  height: 1.5em;
-}
-.toolbutton input {
-  display:none;
-}
-.toolbutton.bad:first-line,
-.toolbutton.good:first-line {
-  font-weight: bold;
-}
-.toolbutton {
+
+fieldset {
+  margin: .5ex;
+  padding: .5ex;
   border: 1px solid black;
-  background-color: #777;
-  text-decoration: none;
-  margin: 1px;
-  padding: 1px;
 }
-.toolbutton.bad {
-  background-color: #f77;
-}
-.toolbutton.good {
-  background-color: #7f7;
+
+.listbutton {
+  width: 100%;
 }
 
 table {
@@ -231,8 +195,14 @@ table.docker li+li {
   margin-top: 0.5em;
   padding-top: 0.5em;
 }
+#menu li input {
+  display: none;
+}
+#menu li:hover {
+  background-color: #777;
+}
 
-#main, #logs, #console {
+#main, #logs, #console, #create {
   position: fixed;
   top: 1.5em;
   left: 0;
@@ -244,7 +214,7 @@ table.docker li+li {
   bottom: 1.5em;
 }
 
-#main {
+#main, #create {
   background-color: white;
 }