Commit 688f7e5a5607527fe2f3c6ff79c8863153757683
1 parent
4ad8724b
Exists in
dev
Fix css on index view of observation and monitoring
Showing
4 changed files
with
15 additions
and
8 deletions
Show diff stats
CHANGELOG
VERSION
src/core/pyros_django/dashboard/templates/dashboard/observation_index.html
... | ... | @@ -19,12 +19,13 @@ |
19 | 19 | } |
20 | 20 | |
21 | 21 | .all-grid { |
22 | - display: grid; | |
22 | + //display: grid; | |
23 | + display: flex; | |
24 | + flex-direction:column; | |
23 | 25 | grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); |
24 | 26 | text-align: center; |
25 | 27 | margin-left: auto; |
26 | 28 | margin-right: auto; |
27 | - //column-gap: 3%; | |
28 | 29 | } |
29 | 30 | |
30 | 31 | .all-grid:after { |
... | ... | @@ -63,7 +64,7 @@ |
63 | 64 | } |
64 | 65 | |
65 | 66 | .all-info { |
66 | - position: absolute; | |
67 | + //position: absolute; | |
67 | 68 | width: inherit; |
68 | 69 | height: inherit; |
69 | 70 | } |
... | ... | @@ -81,7 +82,7 @@ |
81 | 82 | {% load static %} |
82 | 83 | <div class="science-section"> |
83 | 84 | <h1> Observations </h1> |
84 | - <div class="all-grid d-flex flex-column"> | |
85 | + <div class="all-grid"> | |
85 | 86 | {% if USER_LEVEL|ifinlist:"Admin,Observer,Unit-PI,Management board member,TAC" %} |
86 | 87 | <li> |
87 | 88 | {% comment %} | ... | ... |
src/core/pyros_django/monitoring/templates/monitoring/monitoring_index.html
... | ... | @@ -19,7 +19,9 @@ |
19 | 19 | width:10vh; |
20 | 20 | } |
21 | 21 | .all-grid { |
22 | - display: grid; | |
22 | + //display: grid; | |
23 | + display: flex; | |
24 | + flex-direction:column; | |
23 | 25 | grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); |
24 | 26 | text-align: center; |
25 | 27 | margin-left: auto; |
... | ... | @@ -62,7 +64,7 @@ |
62 | 64 | } |
63 | 65 | |
64 | 66 | .all-info { |
65 | - position: absolute; | |
67 | + //position: absolute; | |
66 | 68 | width: inherit; |
67 | 69 | height: inherit; |
68 | 70 | } |
... | ... | @@ -80,7 +82,7 @@ |
80 | 82 | {% load static %} |
81 | 83 | <div class="monitoring-section"> |
82 | 84 | <h1> Monitoring</h1> |
83 | - <div class="all-grid d-flex flex-column"> | |
85 | + <div class="all-grid"> | |
84 | 86 | <li> |
85 | 87 | <div class="all-info"> |
86 | 88 | <a href="{% url "weather" %}"> | ... | ... |