refs #5966 Minor changes

css/style.css

@@ -160,7 +160,7 @@ ul {
     overflow: hidden;
     box-shadow: 0 0 5px rgba(0,0,0,.2);
     border-radius: 8px;
-    animation: slideIn 0.5s ease-in-out;
+    animation: slideIn 0.4s ease-in-out;
 }
 h2 {
     font-size: 1.3em;
@@ -180,6 +180,9 @@ h3 {
     height: 100px; 
     text-align: center;
 }
+.footer div {
+    animation: slideIn 0.2s ease-in-out;
+}
 .in, .inMiddle {
     display: inline;
     position: static;
@@ -256,7 +259,7 @@ header {
     width: 100%;
     overflow: hidden;
     border-top: 1px solid #9EA7AC;
-    padding-bottom: 10px;
+    padding-bottom: 5px;
 }
 /* Transparent borders because <hr> doesn't allow margin */
 .listHorario hr {
@@ -289,21 +292,23 @@ header {
     color: white;
 }
 .listHorario .time div {
-    display: inline-block;
-    heig
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-top: 5px;
+    padding-bottom: 5px;
 }
 .listHorario .time img {
     width: 20px;
     float: left;
     margin-right: 5px;
-    margin-top: 8.5px;
     filter: invert(100%);
     pointer-events: none;
 }
 .listHorario .time p {
     float: left;
     background: #121212;
-    padding: 5px;
+    padding: 2px;
     border-radius: 24px;
     color: white;
     width: 72.5px;
@@ -355,8 +360,14 @@ header {
 }
 
 @keyframes slideIn {
-    0% { transform: translateY(-100%); opacity: 0; }
-    100% { transform: translateY(0); opacity: 1; }
+    0% {
+        transform: translateY(-100%);
+        opacity: 0;
+    }
+    100% {
+        transform: translateY(0);
+        opacity: 1;
+    }
 }
 
 @font-face {