schedules page styles updated

calebasse/agenda/templates/agenda/index.html

@@ -15,11 +15,11 @@
 {% block beforecontent %}
     <div id="extra-top-links">
      <a href="activite-du-service">Activité du service</a>
-     —
-     {% if 'validator' in role %}<a href="validation-des-actes">Validation des actes</a>
-     —{% endif %}
+     |
+     {% if 'validator' in role %}<a href="validation-des-actes">Validation des actes</a> |
+     {% endif %}
      <a href="rendez-vous-periodiques">Rendez-vous périodiques</a>
-     —
+     |
      <a href="agendas-therapeutes">Tous les agendas des intervenants</a>
     </div>
 

calebasse/static/css/agenda.css

@@ -1,3 +1,14 @@
+td#dispos td {
+	height: 4px;
+	width: 15px;
+	vertical-align: top;
+}
+
+td#dispos h5 {
+    margin: 5px auto;
+    text-align: center;
+}
+
 #users {
     font: normal .8em Arial;
 }
@@ -99,6 +110,7 @@ div.agenda span.participants {
 button#close-all-agendas {
     margin-left: auto;
     margin-right: auto;
+    white-space: nowrap;
 }
 
 #availability {
@@ -127,17 +139,18 @@ button#close-all-agendas {
 #dispos li.initials {
     height: 15px;
     margin-bottom: 2px;
+    font-size:.7em;
 }
 
 #availability li.agenda  {
-    width: 15px;
-    height: 5px;
-    margin: 3px 0px;
+    width: .9em;
+    height: 6px;
+    margin: 4px 0px;
 }
 
 li.hour-mark {
     height: 30px;
-    margin-bottom: 7px;
+    margin-bottom: 1em;
 }
 
 li.free {
@@ -150,4 +163,29 @@ li.busy {
 
 li.away {
     background: #ccc;
+}
+
+#tabs li.agenda {
+    font-size: .9em;
+}
+
+#extra-top-links {
+    position: absolute;
+    right: 0;
+    top: 3em;
+    border: 1px solid #bbb;
+    background: linear-gradient(#bbb, #eee);
+    padding: 3px 5px;
+    border-radius: .35em;
+    color: #555;
+}
+
+#extra-top-links a:link, #extra-top-links a:visited{
+    color: #555;
+    text-decoration: none;
+}
+
+#extra-top-links a:hover {
+    color: #000;
+    text-decoration: underline;
 }

calebasse/static/css/style.css

@@ -432,12 +432,6 @@ div#appbar button {
 	top: -55px;
 }
 
-div#extra-top-links {
-	position: absolute;
-	right: 20px;
-}
-
-
 div#datesel {
 	text-align: center;
 	margin: 0 auto;
@@ -452,16 +446,6 @@ a#datesel-today-link {
   top: -6px;
 }
 
-td#dispos td {
-	height: 4px;
-	width: 15px;
-	vertical-align: top;
-}
-
-td#dispos h5 {
-    margin: 5px auto;
-}
-
 span.absent{
 	color: red;
 	font-style: italic;