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';