encrypt 7 years ago
parent
commit
4d5985829d
2 changed files with 17 additions and 17 deletions
  1. 8 10
      public/style.css
  2. 9 7
      views/index.erb

+ 8 - 10
public/style.css

@@ -2,24 +2,26 @@ body {
     text-align: center;
 }
 
-.date {
-    font-size: 9pt;
+#container {
+    padding-top: 20%;
 }
 
-#controls {
-    padding-top: 25%;
+#now-playing {
+    padding-top: 5px;
 }
 
-#status {
-    padding-left: 10px;
+#play {
+    width: 80px;
 }
 
 .success {
     color: #3c763d;
+    border: 1px solid #3c763d;
 }
 
 .error {
     color: #843534;
+    border: 1px solid #843534;
 }
 
 input {
@@ -32,7 +34,3 @@ input {
     border: 1px solid #ccc;
     border-radius: .25rem;
 }
-
-#play {
-    width: 80px;
-}

+ 9 - 7
views/index.erb

@@ -6,13 +6,15 @@
     <script src="/main.js" type="text/javascript"></script>
   </head>
   <body>
-    <div id="controls">
-      <input type="text" name="link" />
-      <input type="button" onclick="addSong()" id="play" value="play"/>
+    <div id="container">
+      <div id="controls">
+	<input type="text" name="link" />
+	<input type="button" onclick="addSong()" id="play" value="play"/>
+      </div>
+      <div id="now-playing"></div>
+      <br/>
+      <a href="/listen">/listen</a><br/>
+      <a href="/playlist">/playlist</a>
     </div>
-    <span id="now-playing"></span>
-    <br/>
-    <a href="/listen">/listen</a><br/>
-    <a href="/playlist">/playlist</a>
   </body>
 </html>