diff --git a/app/assets/stylesheets/player.scss b/app/assets/stylesheets/player.scss index 1e0de0e..98f733f 100644 --- a/app/assets/stylesheets/player.scss +++ b/app/assets/stylesheets/player.scss @@ -24,7 +24,28 @@ } .playlist { - .song-duration { - text-align: right; + margin: 20px 0 0 0; + li { + list-style: none; + border-bottom: #DDD 1px solid; + .drag { + float: left; + margin: 3px 0 0 -3px; + width: 5px; + height: 32px; + background-color: #DDD; + cursor: pointer; + } + .artist-name { + font-size: 10px; + margin: 5px 0 0 5px; + } + .song-title { + margin: 0 0 5px 5px; + } + .song-duration { + float: right; + margin: 10px 5px 0 0; + } } } \ No newline at end of file diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml index 4c4b167..08064b2 100644 --- a/app/views/layouts/application.html.haml +++ b/app/views/layouts/application.html.haml @@ -58,28 +58,18 @@ %a.btn.large.large-round ► %a.btn.small-round » - .playlist - %table - %tr - %td.song-title - .artist-name Foo Fighters - The Pretender - %td.song-duration 4:29 - %tr - %td.song-title - .artist-name Foo Fighters - Let It Die - %td.song-duration 4:29 - %tr - %td.song-title - .artist-name Foo Fighters - Erase/Replace - %td.song-duration 4:29 - %tr - %td.song-title - .artist-name Foo Fighters - Long Road to Ruin - %td.song-duration 4:29 + %ul.playlist + %li + .song-duration 4:29 + .drag + .artist-name Foo Fighters + .song-title The Pretender + %li + .song-duration 4:29 + .drag + .artist-name Foo Fighters + .song-title The Pretender + .fullscreen .inner