css: align

website/agenda/planung/css/calendar.css

@@ -182,6 +182,27 @@ button:hover {
     border-top: 1px solid #fff;
 }
 
+#content div.event img {
+    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);
+    border-radius:99px;    
+}
+
+#content div.event img.icon {
+    margin-right:8px;
+    margin-top:-2px;
+    filter: grayscale(60%);
+    opacity: 0.8;
+    vertical-align:middle;
+    width:14px;
+    height:14px;
+}
+
+#content div.event div.excerpt {
+    opacity:0.5;
+    font-size:small;
+    padding-bottom:0.5rem;
+}
+
 /* calendar list*/
 #content div.event {
     z-index: 5;
@@ -457,6 +478,12 @@ div#toolbar input.search {
     padding: 6px;
 }
 
+#calendar div.badge-ok, 
+#calendar div.badge-warn, 
+#calendar div.badge-error{
+    font-size:small;
+    font-weight:bold;
+}
 #calendar td div.play:hover {
     min-height: 250px !important;
     min-width: 420px !important;

website/agenda/planung/css/default.css

@@ -125,7 +125,6 @@ body,
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
-    vertical-align: middle;
     z-index: 99;
 }
 
@@ -140,13 +139,15 @@ body,
 
 #calcms_nav, 
 #calcms_nav select {
-    background: #004f9b;
+    background-color: #004f9b;
 }
 
 #calcms_nav a:hover, 
 #calcms_nav select:hover {
-    background: #007acc;
+    background-color: #007acc;
     transition: all 0.5s linear;
+    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0
+        rgba(0, 0, 0, .15);
 }
 
 #calcms_nav div a, 
@@ -190,12 +191,30 @@ body,
 #calcms_nav option {
     border: 0;
     text-align: left;
-    -moz-appearance: none;
-    -webkit-appearance: none;
-    appearance: none;
     border: none;
 }
 
+select#studio_id,
+select#project_id {
+    padding:0.8rem;    
+    padding-left:24px;
+    background-repeat:no-repeat;
+    background-position:6px center;
+}
+
+select#studio_id {
+    background-image:url(../image/antenna.svg);
+}
+select#project_id {
+    background-image:url(../image/home.svg);
+}
+
+
+select#studio_id::after,
+select#project_id::after {
+    content : "url(../image/arrow-down.svg)"
+}
+
 #calcms_nav #bars {
     cursor: pointer;
 }
@@ -230,6 +249,14 @@ body,
 }
 
 #calcms_nav > div > a {
+    display: flex;
+}
+
+#calcms_nav > div {
+}
+
+nav img {
+    vertical-align: text-bottom;
     display: inline-block;
 }
 

website/agenda/planung/css/series.css

@@ -103,6 +103,11 @@
     min-height: 4rem;
 }
 
+#content div.cell select,
+#content div.cell input{
+    text-align:center;
+}
+
 #content div.cell.exclude,
 #content div.cell.nextDay,
 #content div.cell.weekday {
@@ -119,67 +124,78 @@
 
 #content div.cell.exclude,
 #content div.cell.nextDay {
-    width: 1rem;
+    width: 2ch;
 }
 
 #content div.cell.weekday,
 #content div.cell.weekday input,
 #content div.cell.weekday select {
-    width: 2rem;
+    width: 2.5ch;
     padding-top: 1.6rem;
 }
 
 #content div.cell.start,
 #content div.cell.start input,
 #content div.cell.start select {
-    width: 9rem;
+    width: 14ch;
 }
 
 #content div.cell.duration,
 #content div.cell.duration input,
 #content div.cell.duration select {
-    width: 6rem;
+    width: 14ch;
 }
 
 #content div.cell.period_type,
 #content div.cell.period_type input,
     #content div.cell.period_type select {
-    width: 8rem;
+    width: 14ch;
 }
 
 #content div.cell.period_type.isSingle,
 #content div.cell.period_type select.isSingle {
-    width: 8rem;
+    width: 14ch;
 }
 
 #content div.cell.end,
 #content div.cell.end input,
 #content div.cell.end select {
-    width: 6rem;
+    width: 14ch;
 }
 
 #content div.cell.frequency,
 #content div.cell.frequency input,
 #content div.cell.frequency select {
-    width: 7rem;
+    width: 14ch;
 }
 
 #content div.cell.week_of_month,
 #content div.cell.week_of_month input,
-    #content div.cell.week_of_month select {
-    width: 6rem;
+#content div.cell.week_of_month select {
+    width: 7ch;
 }
 
 #content div.cell.schedule_weekday,
 #content div.cell.schedule_weekday input,
-    #content div.cell.schedule_weekday select {
-    width: 4rem;
+#content div.cell.schedule_weekday select {
+    width: 2.5ch;
 }
 
 #content div.cell.schedule_month,
 #content div.cell.schedule_month input,
-    #content div.cell.schedule_month select {
-    width: 6rem;
+#content div.cell.schedule_month select {
+    width: 7ch;
+}
+
+#content div.cell.frequency button{
+    width:10ch;
+}
+
+#content div.cell.delete,
+#content div.cell.delete button {
+    padding-right:0;
+    margin:0;
+    padding:0;    
 }
 
 /* end of schedule */