diff --git a/src/aki_prj23_transparenzregister/ui/assets/company_stats.css b/src/aki_prj23_transparenzregister/ui/assets/company_stats.css index 340b3db..fc6c375 100644 --- a/src/aki_prj23_transparenzregister/ui/assets/company_stats.css +++ b/src/aki_prj23_transparenzregister/ui/assets/company_stats.css @@ -3,6 +3,7 @@ background-color: var(--paynes-gray); border: 1px solid; width: 100%; + box-sizing: border-box; } .selection-header .selection-header-title { diff --git a/src/aki_prj23_transparenzregister/ui/assets/header.css b/src/aki_prj23_transparenzregister/ui/assets/header.css index 9a3690e..863aaaa 100644 --- a/src/aki_prj23_transparenzregister/ui/assets/header.css +++ b/src/aki_prj23_transparenzregister/ui/assets/header.css @@ -12,6 +12,7 @@ background-color: var(--raisin-black); border: 1px solid; width: 100%; + box-sizing: border-box; overflow: visible; min-height: 77px; } diff --git a/src/aki_prj23_transparenzregister/ui/assets/networkx_style.css b/src/aki_prj23_transparenzregister/ui/assets/networkx_style.css index 88f5c1a..4487b8c 100644 --- a/src/aki_prj23_transparenzregister/ui/assets/networkx_style.css +++ b/src/aki_prj23_transparenzregister/ui/assets/networkx_style.css @@ -1,7 +1,7 @@ .home { float: left; - width: 100vw; height: 100vh; + width: 100%; background-color: var(--ash-gray); } @@ -13,6 +13,7 @@ margin-left: 2%; margin-right: 1%; border: 1px solid; + box-sizing: border-box; border-color: var(--raisin-black); border-radius: 20px; width: 32%; @@ -53,6 +54,7 @@ margin-left: 1%; margin-right: 2%; border: 1px solid; + box-sizing: border-box; border-color: var(--raisin-black); border-radius: 20px; vertical-align: top; @@ -104,6 +106,7 @@ .home .networkx_style .filter-wrapper .filter-wrapper-item .rc-slider .rc-slider-handle{ border: solid 2px var(--raisin-black); + box-sizing: border-box; } .home .networkx_style .filter-wrapper .filter-wrapper-item .rc-slider .rc-slider-dot-active{ @@ -180,6 +183,7 @@ margin-right: 2%; margin-top: 20px; border: 1px solid; + box-sizing: border-box; border-color: var(--raisin-black); border-radius: 20px; float: left; diff --git a/src/aki_prj23_transparenzregister/ui/assets/tabs.css b/src/aki_prj23_transparenzregister/ui/assets/tabs.css index 7b657b0..67124bf 100644 --- a/src/aki_prj23_transparenzregister/ui/assets/tabs.css +++ b/src/aki_prj23_transparenzregister/ui/assets/tabs.css @@ -3,10 +3,12 @@ margin-top: 10px; border: 1px solid; width: 100%; + box-sizing: border-box; } .tabs .tab-style { border-bottom: 1px solid #d6d6d6 !important; + box-sizing: border-box; padding: 8px !important; background-color: white !important; color: var(--paynes-gray) !important; @@ -16,6 +18,7 @@ .tabs .selected-tab-style { border-bottom: 1px solid #d6d6d6 !important; border-top: 1px solid #d6d6d6 !important; + box-sizing: border-box; padding: 8px !important; color: white !important; background-color: var(--paynes-gray) !important; @@ -23,13 +26,14 @@ } .choose-metric { - margin: 20px; - width: 100%; + margin-top: 20px; + margin-bottom: 20px; } .choose-metric .metrics-title { color: var(--raisin-black); - padding-right: 30px; + padding-left: 20px; + padding-right: 20px; vertical-align:middle; display: inline-block; } @@ -58,12 +62,14 @@ float: left; width: 100%; background-color: white; - margin: 20px; + margin-top: 20px; + margin-bottom: 20px; } .sentiment-wrapper .sentiment-title { color: var(--raisin-black); - padding-right: 30px; + padding-left: 20px; + padding-right: 20px; vertical-align:middle; display: inline-block; }