--- a/cms/app-client/app/styles/app.scss Wed Jun 15 11:10:20 2016 +0200
+++ b/cms/app-client/app/styles/app.scss Sun Jun 19 23:58:21 2016 +0200
@@ -1,3 +1,8 @@
+#corpus-app {
+ font-family: sans-serif;
+ font-size: 12px;
+}
+
#corpus-app {
border: 1px solid;
width: 1108px;
@@ -19,7 +24,30 @@
}
.corpus-app-container {
- overflow: hidden;
+ background-color: #becfd4;
+ padding: 0 20px;
+ color: #687a84;
+}
+
+.corpus-app-wrapper {
+ background-color: #253946;
+}
+
+.corpus-app-container {
+overflow: hidden;
+display: block;
+width: 50%;
+height: 600px;
+float: left;
+border-top: none;
+}
+
+.corpus-app-wrapper {
+height: 600px;
+display : flex;
+flex-flow: column;
+border: none;
+padding: 0 0 0 10px;
}
.mapdiv{
@@ -30,25 +58,10 @@
.corpus-app {
@at-root {
- @import 'container';
@import 'player';
@import 'results';
@import 'modal';
- &-container{
- display: block;
- width: 50%;
- height: 600px;
- float: left;
- border-top: none;
- }
- &-wrapper{
- height: 600px;
- display : flex;
- flex-flow: column;
- border: none;
- padding: 0 0 0 10px;
- }
&-player{
flex: 0 1 auto;
float: left;