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;
+    min-width: 480px;
-    max-width: 1200px;
+    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;
-}
+    padding:0;
-
-#content h1, 
-#content h2 {
-    margin: 1em;
-    font-weight: 100;
 }
 
 #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;
+    width: 100%;
-    padding-left: 0;
 }
 
 #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: 3rem;
-    height: 3em;
 }
 
 #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 {

website/agenda/planung/event.cgi

@@ -802,7 +802,7 @@ sub download {
         print `$cmd`;
 
         $request->{params}->{checked}->{download} = ''
-          . qq{<a href="$url" style="padding:8px;background:#39a1f4;color:white;border-radius:4px;" download="$event->{series_name}#$event->{episode}.mp3">}
+          . qq{<a href="$url" style="color:#39a1f4;" download="$event->{series_name}#$event->{episode}.mp3">}
           . q{Download: }
           . $event->{start_date_name} . ", "
           . $event->{start_time_name} . " - "

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

@@ -70,7 +70,7 @@ $(document).ready(
 
     setTabs('#tabs');
 
-       initTextWidth();
+    initTextWidth();
 
     setTextWidth('.datetimepicker.start',     130);
     setTextWidth('.datetimepicker.end',       130);

website/agenda/planung/studio-timeslots.cgi

@@ -72,9 +72,7 @@ if ( $action eq 'show_dates' ) {
 } else {
     print q{
 	    <link href="css/theme.default.css" rel="stylesheet">
-
+    	<script src="js/jquery.tablesorter.min.js"></script>
-	<script src="js/jquery.tablesorter.min.js"></script>
-
         <script src="js/studio-timeslots.js" type="text/javascript"></script>
 	    <script src="js/datetime.js" type="text/javascript"></script>
 	    <link rel="stylesheet" href="css/studio-timeslots.css" type="text/css" /> 

website/agenda/planung/templates/edit-event.html

@@ -47,11 +47,9 @@
             $( "#edit_event textarea" ).prop( "disabled", true );
             $( "#edit_event select" ).prop( "disabled", true );
             </TMPL_IF>
-    
             }
         );
     </script>
-
 </head>
 <body>
 
@@ -521,7 +519,7 @@
             <td class="label"><TMPL_VAR .loc.label_content_format></td>     
             <td>
                 <TMPL_IF .allow.update_event_field_content_format>
-                <select name="content_format" style="width:100%;" value="<TMPL_VAR content_format>">
+                <select name="content_format" value="<TMPL_VAR content_format>">
                     <option value="creole"<TMPL_IF content_format_creole> selected="selected"</TMPL_IF>><TMPL_VAR .loc.label_content_format_creole></option>
                     <option value="markdown"<TMPL_IF content_format_markdown> selected="selected"</TMPL_IF>><TMPL_VAR .loc.label_content_format_markdown></option>
                 </select>

website/agenda/planung/templates/projects.html

@@ -23,7 +23,7 @@
                 <tr>
                     <td></td>
                     <td class="buttons">
-                        <button onclick="cancel_edit_project('new');return false;"><TMPL_VAR .loc.button_cancel></button>
+                        <button class="cancel" onclick="cancel_edit_project('new');return false;"><TMPL_VAR .loc.button_cancel></button>
                         <button type=submit name="action" value="save"><TMPL_VAR .loc.button_create></button>
                     </td>
                 </tr>

website/agenda/planung/templates/users.html

@@ -7,14 +7,6 @@
 	color:#555;
 }
 
-#content div.user{
-	border:1px solid gray;
-	border-radius:1em;
-	margin:1em;
-	width:30em;
-	float:left;
-}
-
 #content .disabled{
 	color:#999;
 }