forms layout - small labels

website/agenda/planung/css/default.css

@@ -95,6 +95,11 @@ body,
 }
 
 #content div.panel-header, 
+#content .label {
+    font-family: Roboto condensed, Roboto, sans-serif;
+}
+
+#content div.panel-header,
 #content button {
     font-size: 1rem;
     font-family: Roboto, sans-serif;
@@ -297,7 +302,7 @@ a {
 }
 
 #content .panel {
-    background:white;
+    background:#fff;
     margin: 1rem;
     padding: 1rem;
 
@@ -352,6 +357,10 @@ table {
     vertical-align: middle;
 }
 
+td.label{
+    vertical-align: top;
+}
+
 #content td {
     padding: 0.5rem;
 }
@@ -582,7 +591,6 @@ table.tablesorter tr {
     border: none;
     border-bottom: 1px solid #ccc;
     color: #000;
-    background: #fefefe;
     box-sizing:border-box;
 }
 
@@ -603,7 +611,6 @@ table.tablesorter tr {
 #content textarea:hover,
 #content textarea:focus {
     border-bottom: 1px solid #03a9f4;
-    background:#fff;
 }
 
 #content select {

website/agenda/planung/css/event.css

@@ -64,10 +64,6 @@ div#edit_new table{
     width:480px;
 }
 
-#content table.edit_event{
-    background:white;
-}
-
 #content table.edit_event td{
     padding-left:1rem;
     padding-right:1rem;

website/agenda/planung/css/series.css

@@ -11,6 +11,11 @@
     max-width: 2rem;
 }
 
+#content .editor td.label {
+    max-width: min-content;
+    padding-top:0.5rem;
+}
+
 #content .label {
     color: #555;
 }
@@ -57,7 +62,7 @@
     height: 24px;
 }
 
-#context textarea {
+#content textarea {
     width: 600px;
     height: 100px;
 }