From f8ee2f4690f73706f62356e0d327aac472c18127 Mon Sep 17 00:00:00 2001
From: colinmorris <colin.morris2@gmail.com>
Date: Fri, 24 Feb 2017 15:40:03 -0800
Subject: [PATCH] css junk

---
 src/Matrix.css       | 18 ++++++++++++++++--
 src/SongSelector.css |  3 +++
 src/SongSelector.js  |  2 ++
 3 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 src/SongSelector.css

diff --git a/src/Matrix.css b/src/Matrix.css
index b8b5934..1c411c1 100644
--- a/src/Matrix.css
+++ b/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 {
diff --git a/src/SongSelector.css b/src/SongSelector.css
new file mode 100644
index 0000000..9601986
--- /dev/null
+++ b/src/SongSelector.css
@@ -0,0 +1,3 @@
+select {
+    text-align-last: center;
+}
diff --git a/src/SongSelector.js b/src/SongSelector.js
index 4e7c140..b7ce7ec 100644
--- a/src/SongSelector.js
+++ b/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';