fix(Current Chapter): Calculate minima; width of current chapter

- Fixes #337, #339
podlove · Feb 6, 2017 · e0220e5 · e0220e5
1 parent c05ecde
commit e0220e5
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/components/player/Timer.vue b/src/components/player/Timer.vue
@@ -48,6 +48,8 @@ export default {
   @import 'variables';
   @import 'font';
 
+  $timer-width: 80px;
+
   // Timer
   .podlove-player--timer {
     display: block;
@@ -67,22 +69,21 @@ export default {
 
   .podlove-player--timer--current {
     display: block;
+    width: $timer-width;
     text-align: left;
-    width: 20%;
     @include font-monospace();
   }
 
   .podlove-player--timer--chapter {
     text-align: center;
-    width: 80%;
+    width: calc(100% - #{$timer-width * 2});
+    margin: 0 $margin / 2;
   }
 
   .podlove-player--timer--time {
     display: block;
+    width: $timer-width;
     text-align: right;
-    width: 20%;
     @include font-monospace();
   }
-
 </style>
-