css junk

src/Matrix.css

@@ -34,8 +34,22 @@ rect.wordrect {
     stroke-opacity: 0;
 }
 
-.matrixWrapper {
-    min-width: 400px;
+@media (max-width: 800px) {
+    .matrixWrapper {
+        min-width: 300px;
+    }
+}
+
+@media (min-width: 800px) {
+    .matrixWrapper {
+        min-width: 500px;
+    }
+}
+
+@media (min-width: 1100px) {
+    .matrixWrapper {
+        min-width: 700px;
+    }
 }
 
 svg.matrix {

src/SongSelector.css

@@ -0,0 +1,3 @@
+select {
+    text-align-last: center;
+}

src/SongSelector.js

@@ -1,6 +1,8 @@
 import React, { Component } from 'react';
 import {hashHistory} from 'react-router';
 
+import './SongSelector.css';
+
 import {CUSTOM_SLUG, CANNED_SONGS} from './constants.js';
 import {CannedVerse} from './verse.js';