mvp ready

static/main/css/work.css

@@ -0,0 +1,121 @@
+/* .all {
+    display: flex;
+    justify-content: start;
+} */
+
+/* .menu {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-flex;
+    width: 150px;
+    height: 100vh;
+    background: #45729C;
+} */
+
+.page-title {
+    margin: auto;
+    display: block;
+    text-align: center;
+}
+
+.page-description {
+    display: block;
+    margin: auto;
+    font-size: 1rem;
+    text-align: center;
+}
+
+.new-section {
+    margin-top: 50px;
+}
+
+.table-title {
+    text-align: center;
+    margin: auto;
+    font-size: 1.2rem;
+    font-weight: bolder;
+}
+
+.container {
+    width: calc(100% - 150px);
+    /* margin-left: calc(150px);
+    margin-right: calc((100vw - 150px) / 2); */
+}
+
+.light-table {
+    font-weight: bold;
+    margin: auto;
+    margin-top: 10px;
+    font-size: 1.2rem;
+    width: 100%;
+}
+
+.light-table th {
+    background: #515A63;
+    color: white;
+    padding: 10px;
+}
+
+.light-table td {
+    padding: 5px;
+    padding-left: 10px;
+}
+
+.light-table tr:nth-child(odd) {
+    background: #93A2AF;
+}
+
+.info-row {
+    margin: 5px auto;
+    height: 53px;
+}
+
+.info-target {
+    width: 200px;
+    display: inline-block;
+    font-size: 1.2rem;
+}
+
+.info-quantity {
+    max-width: 200px;
+    display: inline-block;
+}
+
+
+.light-green {
+    background: #83DC87;
+}
+
+.light-yellow {
+    background: #F3EB3C;
+}
+
+.info-quantity-value {
+    font-weight: bold;
+}
+
+
+.status-circle-small {
+    margin: auto;
+    display: inline-block;
+    border-radius: 4px;
+    width: 8px;
+    height: 8px;
+}
+
+.request-acess-button,
+.hand-over-acess-button {
+    font-size: 1.2rem;
+    width: 100%;
+}
+
+.default-button {
+    border: none;
+    display: block;
+    margin: 5px auto;
+    text-align: center;
+    padding: 10px;
+    background: #3B91D4;
+    color: white;
+}