diff --git a/Mamoth/src/app/app.component.css b/Mamoth/src/app/app.component.css index d7520d54..83115fda 100644 --- a/Mamoth/src/app/app.component.css +++ b/Mamoth/src/app/app.component.css @@ -6,8 +6,11 @@ app-streams-main-display { position: absolute; top: 0; right: 0; - bottom: 0; + bottom: 30px; left: 50px; + overflow-y: hidden; + overflow-x: auto; + white-space: nowrap; } app-streams-selection-footer { diff --git a/Mamoth/src/app/components/stream/stream.component.css b/Mamoth/src/app/components/stream/stream.component.css index 44a7edc5..baf3813e 100644 --- a/Mamoth/src/app/components/stream/stream.component.css +++ b/Mamoth/src/app/components/stream/stream.component.css @@ -1,6 +1,6 @@ #mam-stream-column { width: 300px; - height: calc(100% - 30px); + height: calc(100%); background-color: aqua; diff --git a/Mamoth/src/app/components/streams-main-display/streams-main-display.component.css b/Mamoth/src/app/components/streams-main-display/streams-main-display.component.css index 5b119815..eb81888e 100644 --- a/Mamoth/src/app/components/streams-main-display/streams-main-display.component.css +++ b/Mamoth/src/app/components/streams-main-display/streams-main-display.component.css @@ -1,8 +1,19 @@ #mam-main-display { width: calc(100%); - height: calc(100%); + height: calc(100%); overflow-x: auto; + overflow-y: hidden; background: blue; /*outline: 1px dotted red;*/ } + + +.mam-stream-column { + height: calc(100%); + display: inline-block; + overflow-x: hidden; + overflow-y: hidden; + white-space: normal; + margin-left: 5px; +} diff --git a/Mamoth/src/app/components/streams-main-display/streams-main-display.component.html b/Mamoth/src/app/components/streams-main-display/streams-main-display.component.html index 7ef5cec2..81df9202 100644 --- a/Mamoth/src/app/components/streams-main-display/streams-main-display.component.html +++ b/Mamoth/src/app/components/streams-main-display/streams-main-display.component.html @@ -1,4 +1,6 @@