Adjust layout

django-daiquiri · Jun 27, 2024 · fb3d0f3 · fb3d0f3
1 parent b403ca5
commit fb3d0f3
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/daiquiri/core/assets/js/components/Table.js b/daiquiri/core/assets/js/components/Table.js
@@ -11,7 +11,7 @@ const Table = ({ columns, rows, pageSizes, params, setParams }) => {
   const pageCount = rows.count / params.page_size
 
   return show && (
-    <div className="dq-table">
+    <div className="dq-table mb-3">
       <TableHeader
         pageCount={pageCount}
         params={params}

diff --git a/daiquiri/core/assets/js/components/TableFooter.js b/daiquiri/core/assets/js/components/TableFooter.js
@@ -9,7 +9,7 @@ const TableFooter = ({ rowCount, pageCount, pageSizes, params, setParams }) => {
 
   return (
     <div className="dq-table-footer d-md-flex mt-3">
-      <p className="flex-grow-1 mt-1 mb-1">
+      <p className="flex-grow-1 mt-md-1 mb-md-1 mb-2">
         {
           params.search ? (
             interpolate(gettext('Page %s of %s (%s rows total, filtering for "%s")'),

diff --git a/daiquiri/query/assets/js/query/components/App.js b/daiquiri/query/assets/js/query/components/App.js
@@ -28,12 +28,12 @@ const App = () => {
       <h1 className="mb-4">Query interface</h1>
 
       <div className="row">
-        <div className="col-sm-3">
+        <div className="col-lg-3 order-2 order-lg-1">
           <Status />
           <Forms formKey={state.formKey} loadForm={loadForm} />
           <Jobs jobId={state.jobId} loadJob={loadJob} />
         </div>
-        <div className="col-sm-9">
+        <div className="col-lg-9 order-1 order-lg-2">
           {
             state.jobId && <Job jobId={state.jobId} />
           }