From 4f3f871412d2022bdceaf65b3ddca46a509dcaef Mon Sep 17 00:00:00 2001
From: Zog
Date: Mon, 5 Feb 2018 16:24:44 +0100
Subject: Refs #5853; Better css

---
 app/assets/stylesheets/modules/_vj_collection.sass            | 3 ++-
 app/javascript/vehicle_journeys/components/VehicleJourneys.js | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/modules/_vj_collection.sass b/app/assets/stylesheets/modules/_vj_collection.sass
index 7c3aea5ba..d9079daa2 100644
--- a/app/assets/stylesheets/modules/_vj_collection.sass
+++ b/app/assets/stylesheets/modules/_vj_collection.sass
@@ -96,8 +96,9 @@
       .fa
         margin-right: 5px
         color: $red
+        transition: transform 0.1s
       &.active .fa
-        transform: rotate(90deg)
+        transform: rotate(180deg)
 
   .table-2entries .t2e-head > .td:nth-child(2) > div,
   .table-2entries .t2e-head > .td:last-child > div,
diff --git a/app/javascript/vehicle_journeys/components/VehicleJourneys.js b/app/javascript/vehicle_journeys/components/VehicleJourneys.js
index 58a9d5fec..843aec1a8 100644
--- a/app/javascript/vehicle_journeys/components/VehicleJourneys.js
+++ b/app/javascript/vehicle_journeys/components/VehicleJourneys.js
@@ -174,7 +174,7 @@ export default class VehicleJourneys extends Component {
                   <div>
                     { detailed_calendars &&
                       <a href='#' onClick={this.toggleTimetables} className='detailed-timetables-bt'>
-                        <span className='fa fa-caret-right'></span>
+                        <span className='fa fa-angle-up'></span>
                         {I18n.model_name("time_table", "plural": true)}
                       </a>
                     }
-- 
cgit v1.2.3