[feature] css styling (remove ugly and useless borders on agenda table)

css/tncy.css

-@media screen and (min-width: 800px) {
+#greetings {
+  text-align: right;
+  font-size: 0.8em;
+  padding-right:1em;
+  color: #7a7a7a;
+}
+
+.fc .fc-axis {
+  vertical-align: top;
+}
+
+.fc-time {
+  font-size: 0.8em;
+}
+
+.dayOfWeek {
+  font-size: 0.7em;
+  color: #7a7a7a;
+  display: block;
+}
+
+.dayOfMonth {
+  font-size: 1.5em;
+  color: #4a4a4a;
+}
+
+.fc th, .fc td {
+  border-style: none;
+}
+
+.fc-widget-content td {
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-left-style: none;
+  border-right-style: none;
+}
+
+.fc-widget-content .fc-view-container table td:not([align]), table th:not([align]) {
+  text-align: center;
+}
+
+.fc-event {
+  font-size: .8em;
+}
+
+.fc-title {
+  font-weight: 700;
+}
+
+.fc-event-room {
+  text-transform: capitalize;
+}
+
+.fc-content {
+  padding-left: .1em;
+  padding-right: .1em;
+}
+
+
+@media screen and (min-width: 800px) {  
   body {
-    padding-top: 200px;
+    padding-top: 0px;
   }
-  
+
   #navigation {
     padding-left: 30px;
-    padding-top: 20px;
+    padding-top: 8em;
   }
   
   #calendar {
@@ -14,7 +73,7 @@
   }
   
   .fc-time-grid .fc-slats td {
-      height: 3.5em;
+      height: 2em;
   }
 }
 
@@ -27,7 +86,16 @@
   #calendar {
     font-size: 0.8em;
   }
+
+  .dayOfWeek {
+    display: inline;
+    margin-right: .2em;
+  }
   
+  .dayOfMonth {
+    font-size: .8em;
+  }
+
   .menu-list li {
     display: flex;
     flex-wrap: wrap;
@@ -57,3 +125,13 @@
   }
 }
 
+@media screen and (min-height: 1100px) {
+  body {
+    padding-top: 200px;
+  }
+
+  .fc-time-grid .fc-slats td {
+    height: 3.5em;
+  }
+}
+

index.html

@@ -18,7 +18,7 @@
         </p>
         <ul class="menu-list">
           <li><a href="#" id="fise_1a">1A</a>
-            <ul>
+            <ul class="is-size-7">
               <li><a href="#" id="fise_1a_g1">G1</a></li>
               <li><a href="#" id="fise_1a_g2">G2</a></li>
               <li><a href="#" id="fise_1a_g3">G3</a></li>
@@ -27,13 +27,13 @@
             </ul>
           </li>
           <li><a href="#" id="fise_2a">2A</a>
-            <ul>
+            <ul class="is-size-7">
               <li><a href="#" id="fise_2a_g1">G1</a></li>
               <li><a href="#" id="fise_2a_g2">G2</a></li>
               <li><a href="#" id="fise_2a_g3">G3</a></li>
               <li><a href="#" id="fise_2a_g4">G4</a></li>
             </ul>
-            <ul>
+            <ul class="is-size-7">
               <li><a href="#" id="fise_2a_iamd">IAMD</a></li>
               <li><a href="#" id="fise_2a_il">IL</a></li>
               <li><a href="#" id="fise_2a_le">LE</a></li>
@@ -42,7 +42,7 @@
             </ul>
           </li>
           <li><a href="#" id="fise_3a">3A</a>
-            <ul>
+            <ul class="is-size-7">
               <li><a href="#" id="fise_3a_iamd">IAMD</a></li>
               <li><a href="#" id="fise_3a_il">IL</a></li>
               <li><a href="#" id="fise_3a_le">LE</a></li>
@@ -63,6 +63,8 @@
 
       <div id='calendar' class="column"></div>
     </div>
+    <div id="greetings">Remerciements : Teddy Vallet, Jean Calvet</div>
+
     <script>
       window.url = 'http://localhost:8000/static/ADECal2AA.ics';
     </script>
@@ -74,6 +76,5 @@
     <script src="lib/ical.min.js"></script>
     <script src="js/ical_fullcalendar.js"></script>
     <script src="js/index.js"></script>
-    <small>Remerciements : Teddy Vallet, Jean Calvet</small>
   </body>
 </html>