Update ec_power_info.html

Fixed spelling booboo

RIGS/templates/event_archive.html

@@ -46,7 +46,7 @@
     </div>
 </div>
 <div class="row">
-    <div class="col-sm-12" style="container-type: inline-size;">
+    <div class="col-sm-12">
         {% with object_list as events %}
             {% include 'partials/event_table.html' %}
         {% endwith %}

RIGS/templates/partials/ec_power_info.html

@@ -33,8 +33,8 @@
             <thead>
                 <tr>
                     <th scope="row">Distro</th>
-                    <th scope="row">Max PSCC with Single Phase Supply (kA)</th>
+                    <th scope="row">Max PSSC with Single Phase Supply (kA)</th>
-                    <th scope="row">Max PSCC with Three Phase Supply (kA)</th>
+                    <th scope="row">Max PSSC with Three Phase Supply (kA)</th>
                 </tr>
             </thead>
             <tbody>

RIGS/templates/partials/event_table.html

@@ -11,14 +11,6 @@
     grid-column: 1/5;
     grid-template-columns: subgrid;
     padding: 1em;
-    dt {
-      float: left;
-      clear: left;
-      margin-right: 10px;
-    }
-    dd {
-      margin-left: 0px;
-    }
 }
 .grid-header {
     border-bottom: 1px solid grey;
@@ -31,13 +23,7 @@
     grid-row-start: 1;
     grid-column-start: 4;
 }
-.c-none {
+@media (max-width: 600px) {
-    display: none;
-}
-.c-inline {
-    display: inline;
-}
-@container (width <= 500px) {
   #event_table {
     grid-template-columns: 1fr !important;
   }
@@ -57,9 +43,9 @@
   #event_mic {
     grid-row-start: auto;
     grid-column-start: 4;
-  }
 }
-@container (width <= 700px) {
+}
+@media (max-width: 900px) {
   #event_table {
     grid-template-columns: max-content;
     column-gap: 0.5em;
@@ -82,20 +68,17 @@
   #event_status {
     grid-column: span 2;
   }
-  .grid-header, .c-md-none {
+  .grid-header {
     display: none;
   }
 }
-@container (width > 700px) {
+dt {
-    .c-lg-block {
+  float: left;
-        display: block;
+  clear: left;
-    }
+  margin-right: 10px;
-    .c-lg-inline {
+}
-        display: inline;
+dd {
-    }
+  margin-left: 0px;
-    .c-lg-none, .c-md-none {
-        display: none;
-    }
 }
 </style>
 <div id="event_table">
@@ -122,7 +105,7 @@
     table-warning
     {% endif %}" {% if event.cancelled %}style="opacity: 50% !important;"{% endif %} id="event_row">
     <!---Number-->
-    <div class="font-weight-bold c-none c-lg-block" id="event_number">{{ event.display_id }}</div>
+    <div class="font-weight-bold d-none d-lg-block" id="event_number">{{ event.display_id }}</div>
     <!--Dates & Times-->
     <div id="event_dates" style="min-width: 180px;">
         <dl>
@@ -156,12 +139,12 @@
     <div id="event_details" class="w-100">
         <h4>
             <a href="{% url 'event_detail' event.pk %}">
-                <span class="c-inline c-lg-none">{{ event }}</span><span class="c-none c-lg-inline">{{ event.name }}</span>
+                <span class="d-inline d-lg-none">{{ event }}</span><span class="d-none d-lg-inline">{{ event.name }}</span>
             </a>
             {% if event.dry_hire %}
             <span class="badge badge-secondary">Dry Hire</span>
             {% endif %}
-            <br class="c-none c-lg-inline">
+            <br class="d-none d-lg-inline">
             {% if event.venue %}
             <small>at {{ event.venue|namewithnotes:'venue_detail' }}</small>
             {% endif %}
@@ -181,7 +164,7 @@
     {% include 'partials/event_status.html' %}
     <!---MIC-->
     <div id="event_mic" class="text-nowrap">
-        <span class="c-md-none align-middle">MIC:</span>
+        <span class="d-md-none align-middle">MIC:</span>
         {% if event.mic %}
         {% if perms.RIGS.view_profile %}
         <a href="{% url 'profile_detail' event.mic.pk %}" class="modal-href">

RIGS/templates/rigboard.html

@@ -12,7 +12,7 @@
     </div>
     {% endif %}
 </div>
-<div style="container-type: inline-size;">
+
 {% include 'partials/event_table.html' %}
-</div>
+
 {% endblock %}

pipeline/source_assets/scss/screen.scss

@@ -281,12 +281,3 @@ html.embedded {
 .bootstrap-select, button.btn.dropdown-toggle.bs-placeholder.btn-light {
     padding-right: 1rem !important;
 }
-// New implementation of class dropped in Bootstrap 3
-.dl-horizontal {
-    display: grid;
-    grid-template-columns: auto 1fr;
-    gap: 0.7rem 0;
-}
-.dl-horizontal > dd, .dl-horizontal .markdown > p {
-    margin-bottom: 0 !important;
-}

users/templates/profile_detail.html

@@ -167,11 +167,9 @@
         <div class="col-lg-6">
             <div class="card">
                 <div class="card-header">Events</div>
-                <div style="container-type: size; height: 30vh; overflow-y: scroll;">
                 {% with object.latest_events as events %}
                     {% include 'partials/event_table.html' %}
                 {% endwith %}
-                </div>
             </div>
         </div>
     </div>