Mercurial > hg > ugly-duckling

changeset 27:a50f0b7a3da3

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Vertically align the larger play button in the center
author Lucas Thompson <dev@lucas.im>
date Tue, 29 Nov 2016 11:02:44 +0000
parents 4e9bc9a483b7
children 85c741b8130c
files src/app/playback-control/playback-control.component.css src/app/playback-control/playback-control.component.html
diffstat 2 files changed, 5 insertions(+), 8 deletions(-) [+]
line wrap: on
line diff
--- a/src/app/playback-control/playback-control.component.css	Tue Nov 29 10:36:12 2016 +0000
+++ b/src/app/playback-control/playback-control.component.css	Tue Nov 29 11:02:44 2016 +0000
@@ -1,16 +1,11 @@
 .play {
   width: 60px;
   height: 60px;
-  display: flex;
-  margin: auto;
-  align-items: center;
-  justify-content: center;
 }
 
 .play md-icon {
-  font-size: 50px;
-  width: 50px;
-  height: 50px;
+  font-size: 48px;
+  width: 48px;
 }
 
 .seek-controls {
--- a/src/app/playback-control/playback-control.component.html	Tue Nov 29 10:36:12 2016 +0000
+++ b/src/app/playback-control/playback-control.component.html	Tue Nov 29 11:02:44 2016 +0000
@@ -1,4 +1,6 @@
-<button md-icon-button class="play"><md-icon>play_circle_outline</md-icon></button>
+<button md-icon-button class="play">
+  <md-icon>play_circle_outline</md-icon>
+</button>
 <span class="seek-controls">
   <button md-icon-button><md-icon>fast_rewind</md-icon></button>
   <button md-icon-button><md-icon>skip_previous</md-icon></button>