some more mobile table styles

conestack · Aug 12, 2024 · 6001e8e · 6001e8e
1 parent b1ace01
commit 6001e8e
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 4 deletions.
diff --git a/scss/styles.scss b/scss/styles.scss
@@ -392,4 +392,11 @@ tr.selectable td {
         flex: 1 0 auto;
         flex-wrap: nowrap;
     }
+}
+.table-footer {
+    gap: 1rem 0;
+
+    .table_info {
+        white-space: nowrap;
+    }
 }
diff --git a/src/cone/app/browser/static/cone/cone.app.css b/src/cone/app/browser/static/cone/cone.app.css
@@ -392,3 +392,10 @@ tr.selectable td {
   flex: 1 0 auto;
   flex-wrap: nowrap;
 }
+
+.table-footer {
+  gap: 1rem 0;
+}
+.table-footer .table_info {
+  white-space: nowrap;
+}
diff --git a/src/cone/app/browser/static/cone/cone.app.min.css b/src/cone/app/browser/static/cone/cone.app.min.css
diff --git a/src/cone/app/browser/templates/table.pt b/src/cone/app/browser/templates/table.pt
@@ -177,10 +177,10 @@
     </table>
     </div>
 
-    <div class="card-body pb-1"
+    <div class="card-body pb-1 d-flex justify-content-between flex-wrap table-footer"
          tal:condition="context.display_table_footer">
 
-      <div class="table_info float-start"
+      <div class="table_info"
            tal:define="slice context.slice.slice">
         <span i18n:translate="showing">Showing</span>
         <span tal:content="slice[0] + 1"
@@ -194,7 +194,7 @@
         <span i18n:translate="entries">entries</span>
       </div>
 
-      <div class="float-end">
+      <div class="pagination">
         <tal:batch replace="structure context.batch" />
       </div>