From 338c721524bc9251dd8cbadd59c2d04e23fb844c Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Fri, 23 Jun 2017 12:51:55 -0400
Subject: [PATCH] Minor css refactor
---
src/components/record-modal/record-modal.css | 36 +++++++++-----------
1 file changed, 16 insertions(+), 20 deletions(-)
diff --git a/src/components/record-modal/record-modal.css b/src/components/record-modal/record-modal.css
index 27c1bb40c..0f82c6594 100644
--- a/src/components/record-modal/record-modal.css
+++ b/src/components/record-modal/record-modal.css
@@ -78,18 +78,29 @@ $sides: 5rem;
padding: 1.5rem 2.25rem;
}
-.waveform-container {
- padding: 15px;
- margin: auto;
+.visualization-container {
display: flex;
justify-content: space-around;
- align-items: center;
+}
+
+.meter-container, .waveform-container {
background: white;
border: 1px solid #ddd;
border-radius: 5px;
- text-align: center;
+ padding: 3px;
+
+}
+.meter-container {
+ margin-right: 5px;
height: 180px;
+}
+
+.waveform-container {
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
width: 100%;
+ height: 180px;
}
.help-text {
@@ -156,21 +167,6 @@ $sides: 5rem;
text-align: center;
}
-.visualization-container {
- display: flex;
- justify-content: space-around;
-
-}
-
-.meter-container {
- background: white;
- border: 1px solid #ddd;
- border-radius: 5px;
- margin-right: 5px;
- padding: 3px;
- height: 180px;
-}
-
.record-button {
overflow: visible;
}
--
GitLab