minor changes in the appearance

website/agenda/planung/css/calendar.css

@@ -89,12 +89,12 @@ button:hover {
 
 #calendar div.schedule div.text, 
 #calendar div.event div.text {
-    positions: absolute;
     top: 0;
     left: 0;
     padding-left: 0;
     padding-top: 0;
     padding-bottom: 0;
+    padding:0.5rem;
 }
 
 #calendar div.event div.icons {
@@ -143,7 +143,7 @@ button:hover {
     padding: 0;
     min-width: 1px;
     height: 100%;
-    background: repeating-linear-gradient(to right, #fff, #fff 1px, #999 1px, #999 2px);
+    background: #ccc;
 }
 
 #calendar td.week div {
@@ -256,6 +256,7 @@ input.tablesorter-filter {
 #event_list tr td.start_date {
     white-space: nowrap;
     font-family: monospace;
+    word-spacing:-0.2rem;
 }
 
 #event_list tr .start_date {

website/agenda/planung/css/default.css

@@ -17,7 +17,7 @@
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 400;
-  src: url('../fonts/open-sans-v15-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
+    src: url('../fonts/open-sans-v15-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
     src: local('Open Sans Regular'), local('OpenSans-Regular'),
        url('../fonts/open-sans-v15-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v15-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
@@ -57,8 +57,8 @@ body {
 body #content {
     color: #000;
     text-align: left;
-    min-width: 500px;
-    max-width: 1200px;
+    min-width: 480px;
+    max-width: 960px;
     margin-left: auto;
     margin-right: auto;
 }
@@ -103,6 +103,7 @@ body,
 #content textarea {
     padding: 6px;
     border: 1px solid #ccc;
+    box-sizing:border-box;
 }
 
 @media handheld {
@@ -324,18 +325,12 @@ table {
     border: 0;
     padding: 2em;
     color: #000;
-    background: #eee;
 }
 
 .error.head {
     position: relative;
     top: 3em;
-}
-
-#content h1, 
-#content h2 {
-    margin: 1em;
-    font-weight: 100;
+    padding:0;
 }
 
 #jobs th {
@@ -355,6 +350,10 @@ table {
     color: green;
 }
 
+#content ul.error{
+    padding:0;
+}
+
 #content div.ok,
 #content div.warn,
 #content div.error {
@@ -572,7 +571,6 @@ table.tablesorter tr {
     border: none;
     border-bottom: solid 1px #9e9e9e;
     cursor: pointer;
-    margin-left: 0.5rem;
 }
 
 #content select, 
@@ -596,6 +594,10 @@ input[type='checkbox'] {
     min-width: 32px;
 }
 
+#content img{
+    border-radius: 0.3rem;
+}
+
 #content button.selectImage,
 #content button.selectImage img {
     width: 32px;

website/agenda/planung/css/event.css

@@ -7,12 +7,17 @@ pre {
 }
 
 #content div.editor td {
-    width: 800px;
-    padding-left: 0;
+    width: 100%;
 }
 
 #content div.editor td.label {
-    width: 11em;
+    width:6rem;
+    color:#666;
+}
+
+#content div.editor span.label {
+    width: 6rem;
+    color:#666;
 }
 
 #content .editor img {
@@ -31,28 +36,40 @@ pre {
 
 #content .excerpt {
     width: 100%;
-    max-width: 40rem;
-    height: 3em;
+    height: 3rem;
 }
 
 #content textarea {
     width: 100%;
-    max-width: 40rem;
 }
 
 #content .edit_event input.url {
     width: 100%;
-    max-width: 40rem;
 }
 
 .date {
-    width: 10em;
+    width: 9rem;
 }
 
 .time {
-    width: 6em;
+    width: 5rem;
 }
 
 .episode {
-    width: 3em;
+    width: 3rem;
 }
+
+div#edit_new form,
+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

@@ -1,10 +1,13 @@
 #content {
     margin-top: 3em;
     padding: 1em;
-    /*max-width:1000px;*/
     min-height: 100%;
 }
 
+#content table.td{
+    padding:0;
+}
+
 #content td.label {
     max-width: 3em;
 }
@@ -31,7 +34,13 @@
 }
 
 #content .editor {
+    padding:0.5rem;
     clear: both;
+    background:white;
+}
+
+#content .editor td{
+    padding:0;
 }
 
 #content .editor div.buttons {
@@ -43,13 +52,6 @@
     margin-left: 1em;
 }
 
-/*
-#content .editor input,
-#content .editor textarea,
-#content .editor button{
-    padding:6px;
-}
-*/
 #imagePreview {
     border: none;
     width: 24px;
@@ -91,9 +93,10 @@
 }
 
 #content .editor .cell {
-    float: left;
+    display:table-cell;
     text-align: center;
     white-space: nowrap;
+    padding-right:0.5rem;
 }
 
 #content .editor .row.active {
@@ -207,11 +210,6 @@
     width: 2em;
 }
 
-/*
-#content div.show_schedule tr:nth-child(odd){
-    background:#f0f0f0;
-}
-*/
 #content div.show_schedule tr.exclude td {
     text-decoration: line-through;
 }
@@ -224,6 +222,10 @@
     width: 90%;
 }
 
+div#tabs > div {
+    background:white;
+}
+
 #content #tabs-events td.weekday,
 #content #tabs-events td.date,
     #content #tabs-events td.time,
@@ -231,25 +233,10 @@
     width: 0;
 }
 
-#content #tabs-events td.weekday,
-#content #tabs-events td.spacer {
-    padding: 0;
-}
-
-#content input.datetimepicker {
-    padding-left: 0;
-    padding-right: 0;
-}
-
 button {
     cursor: pointer;
 }
 
-form {
-    padding: 0;
-    margin: 0;
-}
-
 @media print {
     input, button {
         display: none;

website/agenda/planung/css/studio-timeslots.css

@@ -1,7 +1,7 @@
 #content {
     margin-top: 3em;
     padding: 1em;
-    max-width: 1000px;
+    max-width: 960px;
     min-height: 100%;
 }
 
@@ -46,7 +46,8 @@
 }
 
 #content .editor .cell {
-    float: left;
+    display: table-cell ;
+    vertical-align:baseline;
     text-align: center;
 }
 

website/agenda/planung/css/studios.css

@@ -6,7 +6,7 @@
 }
 
 #content div.studio {
-    min-width: 40%;
+    width: 45%;
 }
 
 #content div.editor {