diff --git a/index.html b/index.html index 7867273..e216d2c 100644 --- a/index.html +++ b/index.html @@ -17,465 +17,486 @@
-
+
-
-
-

High

-
- - - - - +
+
+
+

High

+
+ + + + + +
+

Low

+
+
+

High

+
+ + + + + +
+

Low

+
+
+

High

+
+ + + + + +
+

Low

+
+
+

High

+
+ + + + + +
+

Low

-

Low

-
-

High

-
- - - - - -
-

Low

+
+

Required voltage: 220V

+

Current voltage: V

-
-

High

-
- - - - - +
+
+
+ + +
+
+

+ herbivore feeding compound +

+
-

Low

-
-
-

High

-
- - - - - -
-

Low

-
-

Required voltage: 220V

-

Current voltage: V

-
-
-
-
- - +
+
+
+
+

+ SYSTEM SECURED +

+
+
+
+

+ SYSTEM SECURED +

+
+
+

+ SYSTEM SECURED +

+
+
+
+

+ SYSTEM SECURED +

+
-
-

herbivore feeding compound

+
+
+
+

LEVEL

+

2

+
+
+

Control Room / Plan View

+

+ drawing number - 305pcoffintunaphooter +

+
+
+

LEVEL

+

2

-
-
-
-

- SYSTEM SECURED -

-
-
-
-

- SYSTEM SECURED -

-
-
-

- SYSTEM SECURED -

+
+
+
+
+
+
+

SCREEN

+
+
+
+
+
+
+
+
+
+
+
+
+
+

+ Isla Nubar, Costa Rica +

+
+
-
-

- SYSTEM SECURED -

-
-
-
-
-
-

LEVEL

-

2

-
-
-

Control Room / Plan View

-

- drawing number - 305pcoffintunaphooter -

-
-
-

LEVEL

-

2

-
-
-
-
-
-
-
-

SCREEN

-
-
-
-
-
-
+
+
+
+
+
+
+

+ VEHICLE +

-
-
-
-
+
+
+
+

TOUR

+
+
+
+
+

POWER

+
+
+
+
+

TIME

+
+
+
+
+
+
+
+
+ +
+

+ rebooting system... +

+

+ volume --- nedryland jp +

+
+
+
+
+
+

Stored Energy

+

+ Discharged +

+
+
+

Push to Charge

+ +
+
+

+ For Emergency Reasons,
The + mechanism stored
+ energy may be discharged
+ without closing the breaker.
+ For this proceedure plus
+ Instructions prior to
+ cover removal
+ Refer to I.L 15082 +

+
+
+
+
+

+ Contact Position +

+

+ Open +

+
+
+

Push to Close

+ +
+
+

Push to Open

+ +
+
+
+
+

Tour

+
+
+

Time

+
-
-

- Isla Nubar, Costa Rica +

+
+
+
+
+
+
+

+ hold +

+
+
+
+
+

+ quit +

+
+
+
+
+

+ new +

+
+
+
+
+
+
+

+ Next +

+
+
+
+
+

+ ▶▶ +

+
+
+
+
+

+ ▶▶ +

+
+
+
+
+

+ ▶ +

+
+
+
+
+

+ ⬛

-
-
-
-
-
-
-
-
-

VEHICLE

+
+
+

glitches

-
-
-
-

TOUR

-
-
-
-
-

POWER

-
-
-
-
-

TIME

-
-
-
-
-
-
-
-
- -
-

- rebooting system... -

-

- volume --- nedryland jp -

-
-
-
-
-
-

Stored Energy

-

- Discharged -

-
-
-

Push to Charge

- -
-
-

- For Emergency Reasons,
The mechanism - stored
- energy may be discharged
- without closing the breaker.
- For this proceedure plus
- Instructions prior to
- cover removal
- Refer to I.L 15082 -

-
-
-
-
-

Contact Position

-

- Open -

-
-
-

Push to Close

- -
-
-

Push to Open

- -
-
-
-
-

Tour

-
-
-

Time

-
-
-
-
-
-
-
-
+
-

- hold -

+

maps

-
+
-

- quit -

+

system

+
+
+

emerg.

+
+
+
+
-

- new -

-
-
-
-
-
-
-

- Next -

-
-
-
-
-

- ▶▶ -

-
-
-
-
-

- ▶▶ -

-
-
-
-
-

- ▶ -

-
-
-
-
-

- ⬛ -

-
-
-
-
-
-
-

glitches

-
-
-
-

maps

-
-
-
-
-

system

-
-
-
-
-

emerg.

-
-
-
-
-
-
-
-
-
-
-

- clear -

-

- - Ldg - Volume - JP -

-
-
-

- clear -

-

- - Boot Successful - CLEAR -

-
-
-

- clear -

-

- - Format Gabber - Chaires -

-
-
-

- clear -

-

- - Operator - Andres Ramierez dkhd -

-
-
-

- clear -

-

- - Vidnet - Camerea VC net01 -

-
-
-

- clear -

-

- - Communications = Active -

+
+
+
+
+

+ clear +

+

+ - Ldg - Volume - JP +

+
+
+

+ clear +

+

+ - Boot Successful - CLEAR +

+
+
+

+ clear +

+

+ - Format Gabber - Chaires +

+
+
+

+ clear +

+

+ - Operator - Andres Ramierez dkhd +

+
+
+

+ clear +

+

+ - Vidnet - Camerea VC net01 +

+
+
+

+ clear +

+

+ - Communications = Active +

+
@@ -484,46 +505,48 @@
-
-
-
-
-

sys icons

-
- - - -
+
+
+
+

sys icons

+
-
-
-

Test

-

Test

-

Test

-

Test

- + + +
+ +
+
+

Test

+

Test

+

Test

+

Test

+ +
diff --git a/public/stylesheets/styles.css b/public/stylesheets/styles.css index 978fdf5..30f6b69 100644 --- a/public/stylesheets/styles.css +++ b/public/stylesheets/styles.css @@ -28,32 +28,46 @@ body { } #grid-container { - display: grid; - grid-template-rows: auto auto; - grid-template-columns: auto auto; - justify-items: stretch; - height: 100%; + display: flex; + flex: 1; +} + +#main-left__container, #main-right__container { + display: flex; + flex-direction: column; +} + +#main-left__container { + flex: 0 0 463px; +} + +#main-right__container { + display: flex; + flex: 1; + flex-direction: column; } #outer-container__outer { - max-width: 90%; + display: flex; + flex: 0 0 836px; height: 100%; } #outer-container__inner { height: 100%; + display: flex; + flex: 1; } #console-display { - grid-area: 4/1/5/2; + flex: 0 0 70px; } #control-panel { - grid-area: 1/2/4/3; + flex: 1; } #tour-display__outer { - grid-area: 1/1/4/2; display: flex; flex-direction: column; } @@ -585,8 +599,7 @@ body { .control-panel__video-screen { margin-bottom: 10px; - min-height: 267px; - max-height: 267px; + flex: 0 0 248px; } .video-screen { @@ -684,7 +697,6 @@ body { } #power-display__inner { flex-direction: column; - min-width: 486.84px; } .power-screen__button-container { @@ -716,7 +728,7 @@ body { } .power-button__text { - margin: 8px 0px; + margin: 6px 0px; } .power-screen__contact-position-container, .power-screen__stored-energy-container { @@ -733,7 +745,7 @@ body { margin: 0; font-size: x-small; padding-left: 10px; - padding-top: 10px; + padding-top: 5px; } .power-screen__status-text { @@ -814,6 +826,12 @@ body { #system-icons__container { display: flex; + flex: 0 0 70px; +} + +#system-icons__container > div, #system-icons__container > div > div { + display: flex; + flex: 1; } #system-icons__wrapper { @@ -834,6 +852,7 @@ body { justify-self: center; align-self: center; padding: 2px; + margin: 2px 0; } #trash-icon-wrapper { diff --git a/public/stylesheets/styles.css.map b/public/stylesheets/styles.css.map index 089a3ce..130a0f3 100644 --- a/public/stylesheets/styles.css.map +++ b/public/stylesheets/styles.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../sass/components/_buttons.scss","../../sass/base/_base.scss","../../sass/components/_layout.scss","../../sass/components/_instructions-panel.scss","../../sass/components/_borders.scss","../../sass/components/_display-text.scss","../../sass/components/_level-info.scss","../../sass/components/_screen-display.scss","../../sass/components/_video-screen.scss","../../sass/components/_control-panel.scss","../../sass/components/_output-display.scss","../../sass/components/_system-icons.scss","../../sass/components/_modal.scss","../../sass/components/_main-display.scss","../../sass/components/_power-screen.scss"],"names":[],"mappings":"AAkEQ;AClER;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;IACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AC1BF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AC7CF;EACE;;;AAGF;EACE;EACA;EACA;;;ACPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AJrEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AKtLF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AC/DF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACxDF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACtHF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;ACvKF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AC3BF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;ACzBF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;ACtCF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACxBF;EACE;;;ACEF;EACE;;;AAIF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE","file":"styles.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../sass/components/_buttons.scss","../../sass/base/_base.scss","../../sass/components/_layout.scss","../../sass/components/_instructions-panel.scss","../../sass/components/_borders.scss","../../sass/components/_display-text.scss","../../sass/components/_level-info.scss","../../sass/components/_screen-display.scss","../../sass/components/_video-screen.scss","../../sass/components/_control-panel.scss","../../sass/components/_output-display.scss","../../sass/components/_system-icons.scss","../../sass/components/_modal.scss","../../sass/components/_main-display.scss","../../sass/components/_power-screen.scss"],"names":[],"mappings":"AAkEQ;AClER;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;IACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AC1BF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AC3DF;EACE;;;AAGF;EACE;EACA;EACA;;;ACPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AJrEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AKtLF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AC/DF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACxDF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACtHF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;ACrKF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AC3BF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;ACzBF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC7CF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACxBF;EACE;;;ACEF;EACE;;;AAIF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE","file":"styles.css"} \ No newline at end of file diff --git a/sass/components/_layout.scss b/sass/components/_layout.scss index ad68440..05b9770 100644 --- a/sass/components/_layout.scss +++ b/sass/components/_layout.scss @@ -1,30 +1,44 @@ #grid-container { - display: grid; - grid-template-rows: auto auto; - grid-template-columns: auto auto; - justify-items: stretch; - height: 100%; + display: flex; + flex: 1; +} + +#main-left__container, #main-right__container { + display: flex; + flex-direction: column; +} + +#main-left__container { + flex: 0 0 463px; +} + +#main-right__container { + display: flex; + flex: 1; + flex-direction: column; } #outer-container__outer { - max-width: 90%; + display: flex; + flex: 0 0 836px; height: 100%; } #outer-container__inner { height: 100%; + display: flex; + flex: 1; } #console-display { - grid-area: 4 / 1 / 5 / 2; + flex: 0 0 70px; } #control-panel { - grid-area: 1 / 2 / 4 / 3; + flex: 1; } #tour-display__outer { - grid-area: 1 / 1 / 4 / 2; display: flex; flex-direction: column; } diff --git a/sass/components/_system-icons.scss b/sass/components/_system-icons.scss index 428af40..0fa073f 100644 --- a/sass/components/_system-icons.scss +++ b/sass/components/_system-icons.scss @@ -1,5 +1,11 @@ #system-icons__container { display: flex; + flex: 0 0 70px; +} + +#system-icons__container > div, #system-icons__container > div > div { + display: flex; + flex: 1; } #system-icons__wrapper { @@ -20,6 +26,7 @@ justify-self: center; align-self: center; padding: 2px; + margin: 2px 0; } #trash-icon-wrapper { diff --git a/sass/components/_video-screen.scss b/sass/components/_video-screen.scss index dc8b82e..6bdc733 100644 --- a/sass/components/_video-screen.scss +++ b/sass/components/_video-screen.scss @@ -1,7 +1,6 @@ .control-panel__video-screen { margin-bottom: 10px; - min-height: 267px; - max-height: 267px; + flex: 0 0 248px; } .video-screen { @@ -98,7 +97,6 @@ #power-display__inner { flex-direction: column; - min-width: 486.84px; } .power-screen__button-container { @@ -130,7 +128,7 @@ } .power-button__text { - margin: 8px 0px; + margin: 6px 0px; } .power-screen__contact-position-container, .power-screen__stored-energy-container { @@ -147,7 +145,7 @@ margin: 0; font-size: x-small; padding-left: 10px; - padding-top: 10px; + padding-top: 5px; } .power-screen__status-text {