Little tweaks.

.gitignore

@@ -1,2 +1,2 @@
-source.json
+ghettoblastr.json
 audio/*

css/style.css

@@ -76,6 +76,9 @@ button:active {
     border-bottom: 0;
 }
 
+.sounds {
+    text-align: center;
+}
 .sounds ul {
     list-style-type: none;
 }
@@ -84,7 +87,11 @@ button:active {
     height: 43px;
     line-height: 43px;
     margin: 1em;
+    position: relative;
+    width: 320px;
+}
+.sounds ul li button {
     overflow: hidden;
     text-overflow: ellipsis;
-    position: relative;
+    width: 100%;
 }

index.html

@@ -4,11 +4,11 @@
         <meta charset="utf-8">
         <meta http-equiv="x-ua-compatible" content="ie=edge">
         <title>Ghetto Blastr</title>
-        <meta name="description" content="">
+        <meta name="description" content="A sound board">
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
         <link rel="manifest" href="site.webmanifest">
-        <link rel="apple-touch-icon" href="icon.png">
+        <!-- <link rel="apple-touch-icon" href="icon.png"> -->
 
         <link rel="stylesheet" href="css/normalize.css">
         <link rel="stylesheet" href="css/main.css">
@@ -52,7 +52,7 @@
 function pegasus(a,b,c){return c=new XMLHttpRequest,c.open("GET",a),a=[],pegasus.timeout&&(c.timeout=pegasus.timeout),c.ontimeout=function(a){b=a},c.onreadystatechange=c.then=function(d,e,f,g){if(d&&d.call&&(a=[,d,e]),b&&a[2]&&a[2](b,c),4==c.readyState&&(f=a[0|c.status/200])){try{g=JSON.parse(c.responseText)}catch(a){g=null}f(g,c)}},c.send(),c}
         </script>
         <script>
-var GHETTO_SOURCE_REQUEST = pegasus('source.json');
+var GHETTO_SOURCE_REQUEST = pegasus('ghettoblastr.json');
         </script>
 
         <script src="lib/vue.min.js"></script>