oxidized-web 0.14.0 → 0.15.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fd7aba682137b4460c7f9f76ad8991416d3358c58a01c639b3c5457bac5ec2c0
-  data.tar.gz: '091d541900d22a286cd735eb41d13d34efeb49be06a2f5fb69a196740fa08935'
+  metadata.gz: a515263e99de223e65d1e1e0a9d4e0602fa005fbc9d1b30b99ad83e1f8ab6a26
+  data.tar.gz: c4a0eec1d16723e088fffe26dbb781ee18a6b3e6a70b48cd1ff1bfcd9c135fda
 SHA512:
-  metadata.gz: 674f0040daf698447e7ad52f60a83cbceb60f1580b9abcca9328509f513c08728f0e906b8636d151e95c11c0d5294922b1bc2431c4be6ea438e66c47f64000e2
-  data.tar.gz: 892d8416013ab3ff0ca4123725cae2e4ebdf78750cf9b10356a386a1ee952e18cdfcc2238c86bfd9626d40ff99436c8b195c31d28aaada97d686f59ba3adffec
+  metadata.gz: ad7b334289a032e4c83c80e0f5d1b8de8db8ad4e00b4e9ac5c6a60b8ea4c1f1d16851b6219cd7713512704e6f3c47359ecd0331a9dea9c0fd32916a8a9c58438
+  data.tar.gz: 33c2f33ef670646da9bd87d50efe1b0d3aabcb07c101d929c874d750431eac4f5c00aa24e80741fcf3207a4e6e0f2430f30dae780f839532e16f99be8da47fc8

data/.github/workflows/ruby.yml

@@ -19,7 +19,8 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        ruby-version: ['3.1', '3.2', '3.3']
+        ruby-version: ['3.1', '3.2', '3.3', '3.4', 'ruby-head']
+    continue-on-error: ${{ matrix.ruby-version == 'ruby-head' }}
 
     steps:
     - uses: actions/checkout@v4
@@ -38,5 +39,3 @@ jobs:
         reporter: github-pr-review
     - name: Run tests
       run: bundle exec rake
-    - uses: codecov/codecov-action@v4
-      if: ${{ always() }}

data/.github/workflows/stale.yml

@@ -13,6 +13,8 @@ jobs:
     steps:
       - uses: actions/stale@v9
         with:
+          stale-issue-message: 'This issue is stale because it has been open 90 days with no activity.'
+          stale-pr-message: 'This PR is stale because it has been open 90 days with no activity.'
           operations-per-run: 500
-          days-before-issue-stale: 90
-          days-before-close: 30
+          days-before-stale: 90
+          days-before-close: -1

data/.rubocop.yml

@@ -1,5 +1,5 @@
 inherit_from: .rubocop_todo.yml
-require:
+plugins:
   - rubocop-rails
   - rubocop-rake
   - rubocop-minitest

data/.rubocop_todo.yml

@@ -1,6 +1,6 @@
 # This configuration was generated by
 # `rubocop --auto-gen-config`
-# on 2024-06-28 07:42:20 UTC using RuboCop version 1.64.1.
+# on 2025-02-17 07:41:09 UTC using RuboCop version 1.72.1.
 # The point is for the user to remove these configuration records
 # one by one as the offenses are removed from the code base.
 # Note that changes in the inspected code, or installation of new
@@ -11,11 +11,6 @@
 Metrics/AbcSize:
   Max: 52
 
-# Offense count: 1
-# Configuration parameters: CountBlocks.
-Metrics/BlockNesting:
-  Max: 4
-
 # Offense count: 2
 # Configuration parameters: AllowedMethods, AllowedPatterns.
 Metrics/CyclomaticComplexity:

data/CHANGELOG.md

@@ -4,6 +4,24 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 
+## [0.15.0 – 2025-02-17]
+This release fixes a security issue on the RANCID migration page.
+A non-authenticated user could gain control over the Linux user running
+oxidized-web. The RANCID migration page was already deprecated in version
+0.14.0, so it has been completely removed in this new version.
+Thank you to Jon O'Reilly and Jamie Riden from NetSPI for discovering and
+reporting this security issue!
+
+### Changed
+- Update datatables.net to 2.2.2 and datatables.net-buttons to 3.2.2 (@robertcheramy)
+- remove the RANCID migration page (@robertchreamy)
+- dependency on oxidized 0.31  (@robertchreamy)
+- Update datatables.net to 2.2.1 and datatables.net-buttons to 3.2.1 (@robertcheramy)
+
+### Fixed
+- #302: group name containing a '/' produced a Sinatra error (@robertcheramy)
+
+
 ## [0.14.0 - 2024-06-28]
 
 ### Added

data/Rakefile

@@ -26,6 +26,7 @@ task :test do
   Rake::TestTask.new do |t|
     t.libs << 'spec'
     t.test_files = FileList['spec/**/*_spec.rb']
+    t.ruby_opts = ['-W:deprecated']
     t.warning = true
     t.verbose = true
   end

data/docs/development.md

@@ -23,7 +23,9 @@ scripts, you have to stop an restart `bundle exec oxidized`.
 
 ## Paralell development between oxidized and oxidized-web
 You may need to make some changes in oxidized **and** oxidized-web. For this,
-git clone oxidized and oxidized-web in a common root directory, add the direct
+git clone oxidized and oxidized-web in a common root directory.
+
+Then you can link your oxidized-web with the oxidized, add the direct
 dependency to ../oxidized-web in oxidized and run oxidized from the oxidized
 repo:
 
@@ -45,6 +47,19 @@ If your changes to oxidized **AND** oxidzed-web are dependent from another, make
 sure you document this in the respectives CHANGELOG.md, so that everyone is
 informed at the next release.
 
+Note: you can also add the dependency to oxidized in oxidized-web, in the same
+fashion:
+```shell
+git clone git@github.com:ytti/oxidized-web.git
+git clone git@github.com:ytti/oxidized.git
+cd oxidized-web
+bundle config set --local path 'vendor/bundle'
+echo "gem 'oxidized', path: '../oxidized'" >> Gemfile
+bundle install
+bundle exec oxidized
+```
+
+
 # Update the weblibs
 The weblibs are beeing downloaded and maintained by `npm`.
 
@@ -148,9 +163,6 @@ Push the gem with ‘rake push’
 
 You need an account at rubygems which is allowed to push oxidized
 
-## Release in docker.io
-The OCI-Containter is automatically build and pushed to docker.io by github
-
 ## Update CHANGELOG.md for next release
 Add
 ```

data/lib/oxidized/web/public/scripts/oxidized.js

@@ -1,30 +1,3 @@
-// Add a line for a new file to upload
-var add_file_upload = function() {
-  var rancidDbDiv = $("div[id^='rancidDb']:last");
-  var num = parseInt(rancidDbDiv.prop("id").match(/\d+/g)) + 1;
-  rancidDbDiv.clone(true)
-    .prop("id", "rancidDb" + num)
-    .insertAfter(rancidDbDiv);
-  $("input[id^='file']:last")
-    .prop("id", "file" + num)
-    .prop("name", "file" + num)
-    .parents('.input-group')
-    .find(':text')
-    .val('');
-  $("input[id^='group']:last")
-    .prop("id", "group" + num)
-    .prop("name", "group" + num);
-};
-
-var onFileSelected = function() {
-  $(document).on('change', '.btn-file :file', function() {
-    var input = $(this),
-        numFiles = input.get(0).files ? input.get(0).files.length : 1,
-        label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
-    input.trigger('fileSelect', [numFiles, label]);
-  });
-};
-
 var convertTime = function() {
   /* Convert UTC times to local browser times
   *  Requires that the times on the server are UTC
@@ -51,15 +24,6 @@ var convertTime = function() {
 $(function() {
   onFileSelected();
   convertTime();
-  // Add a row to the migration form
-  $("#add").click(function() {
-    add_file_upload();
-  });
-
-  // Updates textbox with filename on fileSelect event
-  $('.btn-file :file').on('fileSelect', function(e, numFiles, label) {
-    $(this).parents('.input-group').find(':text').val(label);
-  });
 
   // Reloads the nodes from a source by calling the /reload.json URI
   $('#reload').click(function() {

data/lib/oxidized/web/public/weblibs/buttons.bootstrap5.css

@@ -171,22 +171,52 @@ div.dt-button-collection span.dt-button-spacer.bar {
     box-shadow: none !important;
   }
 }
-html.dark div.dt-button-info {
-  background-color: var(--dt-html-background);
-  border: 1px solid rgba(255, 255, 255, 0.15);
-}
-
 div.dt-buttons div.btn-group {
   position: initial;
 }
-div.dt-buttons div.dropdown-menu {
+div.dt-buttons span.dt-button-spacer.empty {
+  margin: 1px;
+}
+div.dt-buttons span.dt-button-spacer.bar:empty {
+  height: inherit;
+}
+div.dt-buttons .btn.processing {
+  color: rgba(0, 0, 0, 0.2);
+}
+div.dt-buttons .btn.processing:after {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 16px;
+  height: 16px;
+  margin: -8px 0 0 -8px;
+  box-sizing: border-box;
+  display: block;
+  content: " ";
+  border: 2px solid rgb(40, 40, 40);
+  border-radius: 50%;
+  border-left-color: transparent;
+  border-right-color: transparent;
+  animation: dtb-spinner 1500ms infinite linear;
+  -o-animation: dtb-spinner 1500ms infinite linear;
+  -ms-animation: dtb-spinner 1500ms infinite linear;
+  -webkit-animation: dtb-spinner 1500ms infinite linear;
+  -moz-animation: dtb-spinner 1500ms infinite linear;
+}
+
+div.dropdown-menu.dt-button-collection {
   margin-top: 4px;
   width: 200px;
 }
-div.dt-buttons div.dropdown-menu .dt-button {
+div.dropdown-menu.dt-button-collection .dt-button {
   position: relative;
 }
-div.dt-buttons div.dropdown-menu div.dt-button-split {
+div.dropdown-menu.dt-button-collection .dt-button.dropdown-toggle::after {
+  position: absolute;
+  right: 12px;
+  top: 14px;
+}
+div.dropdown-menu.dt-button-collection div.dt-button-split {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
@@ -194,12 +224,12 @@ div.dt-buttons div.dropdown-menu div.dt-button-split {
   align-content: flex-start;
   align-items: stretch;
 }
-div.dt-buttons div.dropdown-menu div.dt-button-split a:first-child {
+div.dropdown-menu.dt-button-collection div.dt-button-split a:first-child {
   min-width: auto;
   flex: 1 0 50px;
   padding-right: 0;
 }
-div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child {
+div.dropdown-menu.dt-button-collection div.dt-button-split button:last-child {
   min-width: 33px;
   flex: 0;
   background: transparent;
@@ -209,15 +239,11 @@ div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child {
   padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
   overflow: visible;
 }
-div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:hover {
+div.dropdown-menu.dt-button-collection div.dt-button-split button:last-child:hover {
   color: var(--bs-dropdown-link-hover-color);
   background-color: var(--bs-dropdown-link-hover-bg);
 }
-div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:after {
-  position: relative;
-  left: -3px;
-}
-div.dt-buttons div.dropdown-menu.fixed {
+div.dropdown-menu.dt-button-collection.fixed {
   position: fixed;
   display: block;
   top: 50%;
@@ -227,77 +253,73 @@ div.dt-buttons div.dropdown-menu.fixed {
   background-color: white;
   padding: 0.5em;
 }
-div.dt-buttons div.dropdown-menu.fixed.two-column {
+div.dropdown-menu.dt-button-collection.fixed.two-column {
   margin-left: -200px;
 }
-div.dt-buttons div.dropdown-menu.fixed.three-column {
+div.dropdown-menu.dt-button-collection.fixed.three-column {
   margin-left: -225px;
 }
-div.dt-buttons div.dropdown-menu.fixed.four-column {
+div.dropdown-menu.dt-button-collection.fixed.four-column {
   margin-left: -300px;
 }
-div.dt-buttons div.dropdown-menu.fixed.columns {
+div.dropdown-menu.dt-button-collection.fixed.columns {
   margin-left: -409px;
 }
 @media screen and (max-width: 1024px) {
-  div.dt-buttons div.dropdown-menu.fixed.columns {
+  div.dropdown-menu.dt-button-collection.fixed.columns {
     margin-left: -308px;
   }
 }
 @media screen and (max-width: 640px) {
-  div.dt-buttons div.dropdown-menu.fixed.columns {
+  div.dropdown-menu.dt-button-collection.fixed.columns {
     margin-left: -203px;
   }
 }
 @media screen and (max-width: 460px) {
-  div.dt-buttons div.dropdown-menu.fixed.columns {
+  div.dropdown-menu.dt-button-collection.fixed.columns {
     margin-left: -100px;
   }
 }
-div.dt-buttons div.dropdown-menu.fixed > :last-child {
+div.dropdown-menu.dt-button-collection.fixed > :last-child {
   max-height: 100vh;
   overflow: auto;
 }
-div.dt-buttons div.dropdown-menu.two-column > :last-child, div.dt-buttons div.dropdown-menu.three-column > :last-child, div.dt-buttons div.dropdown-menu.four-column > :last-child {
+div.dropdown-menu.dt-button-collection.two-column > :last-child, div.dropdown-menu.dt-button-collection.three-column > :last-child, div.dropdown-menu.dt-button-collection.four-column > :last-child {
   display: block !important;
-  -webkit-column-gap: 8px;
-  -moz-column-gap: 8px;
-  -ms-column-gap: 8px;
-  -o-column-gap: 8px;
   column-gap: 8px;
 }
-div.dt-buttons div.dropdown-menu.two-column > :last-child > *, div.dt-buttons div.dropdown-menu.three-column > :last-child > *, div.dt-buttons div.dropdown-menu.four-column > :last-child > * {
+div.dropdown-menu.dt-button-collection.two-column > :last-child > *, div.dropdown-menu.dt-button-collection.three-column > :last-child > *, div.dropdown-menu.dt-button-collection.four-column > :last-child > * {
   -webkit-column-break-inside: avoid;
   break-inside: avoid;
 }
-div.dt-buttons div.dropdown-menu.two-column {
+div.dropdown-menu.dt-button-collection.two-column {
   width: 400px;
 }
-div.dt-buttons div.dropdown-menu.two-column > :last-child {
+div.dropdown-menu.dt-button-collection.two-column > :last-child {
   padding-bottom: 1px;
   column-count: 2;
 }
-div.dt-buttons div.dropdown-menu.three-column {
+div.dropdown-menu.dt-button-collection.three-column {
   width: 450px;
 }
-div.dt-buttons div.dropdown-menu.three-column > :last-child {
+div.dropdown-menu.dt-button-collection.three-column > :last-child {
   padding-bottom: 1px;
   column-count: 3;
 }
-div.dt-buttons div.dropdown-menu.four-column {
+div.dropdown-menu.dt-button-collection.four-column {
   width: 600px;
 }
-div.dt-buttons div.dropdown-menu.four-column > :last-child {
+div.dropdown-menu.dt-button-collection.four-column > :last-child {
   padding-bottom: 1px;
   column-count: 4;
 }
-div.dt-buttons div.dropdown-menu .dt-button {
+div.dropdown-menu.dt-button-collection .dt-button {
   border-radius: 0;
 }
-div.dt-buttons div.dropdown-menu.columns {
+div.dropdown-menu.dt-button-collection.columns {
   width: auto;
 }
-div.dt-buttons div.dropdown-menu.columns > :last-child {
+div.dropdown-menu.dt-button-collection.columns > :last-child {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
@@ -306,70 +328,41 @@ div.dt-buttons div.dropdown-menu.columns > :last-child {
   width: 818px;
   padding-bottom: 1px;
 }
-div.dt-buttons div.dropdown-menu.columns > :last-child .dt-button {
+div.dropdown-menu.dt-button-collection.columns > :last-child .dt-button {
   min-width: 200px;
   flex: 0 1;
   margin: 0;
 }
-div.dt-buttons div.dropdown-menu.columns.dtb-b3 > :last-child, div.dt-buttons div.dropdown-menu.columns.dtb-b2 > :last-child, div.dt-buttons div.dropdown-menu.columns.dtb-b1 > :last-child {
+div.dropdown-menu.dt-button-collection.columns.dtb-b3 > :last-child, div.dropdown-menu.dt-button-collection.columns.dtb-b2 > :last-child, div.dropdown-menu.dt-button-collection.columns.dtb-b1 > :last-child {
   justify-content: space-between;
 }
-div.dt-buttons div.dropdown-menu.columns.dtb-b3 .dt-button {
+div.dropdown-menu.dt-button-collection.columns.dtb-b3 .dt-button {
   flex: 1 1 32%;
 }
-div.dt-buttons div.dropdown-menu.columns.dtb-b2 .dt-button {
+div.dropdown-menu.dt-button-collection.columns.dtb-b2 .dt-button {
   flex: 1 1 48%;
 }
-div.dt-buttons div.dropdown-menu.columns.dtb-b1 .dt-button {
+div.dropdown-menu.dt-button-collection.columns.dtb-b1 .dt-button {
   flex: 1 1 100%;
 }
 @media screen and (max-width: 1024px) {
-  div.dt-buttons div.dropdown-menu.columns > :last-child {
+  div.dropdown-menu.dt-button-collection.columns > :last-child {
     width: 612px;
   }
 }
 @media screen and (max-width: 640px) {
-  div.dt-buttons div.dropdown-menu.columns > :last-child {
+  div.dropdown-menu.dt-button-collection.columns > :last-child {
     width: 406px;
   }
-  div.dt-buttons div.dropdown-menu.columns.dtb-b3 .dt-button {
+  div.dropdown-menu.dt-button-collection.columns.dtb-b3 .dt-button {
     flex: 0 1 32%;
   }
 }
 @media screen and (max-width: 460px) {
-  div.dt-buttons div.dropdown-menu.columns > :last-child {
+  div.dropdown-menu.dt-button-collection.columns > :last-child {
     width: 200px;
   }
 }
-div.dt-buttons span.dt-button-spacer.empty {
-  margin: 1px;
-}
-div.dt-buttons span.dt-button-spacer.bar:empty {
-  height: inherit;
-}
-div.dt-buttons .btn.processing {
-  color: rgba(0, 0, 0, 0.2);
-}
-div.dt-buttons .btn.processing:after {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 16px;
-  height: 16px;
-  margin: -8px 0 0 -8px;
-  box-sizing: border-box;
-  display: block;
-  content: " ";
-  border: 2px solid rgb(40, 40, 40);
-  border-radius: 50%;
-  border-left-color: transparent;
-  border-right-color: transparent;
-  animation: dtb-spinner 1500ms infinite linear;
-  -o-animation: dtb-spinner 1500ms infinite linear;
-  -ms-animation: dtb-spinner 1500ms infinite linear;
-  -webkit-animation: dtb-spinner 1500ms infinite linear;
-  -moz-animation: dtb-spinner 1500ms infinite linear;
-}
 
 div.dt-button-background {
   position: fixed;
@@ -391,8 +384,12 @@ div.dt-button-background {
     float: none;
   }
 }
+div.dt-button-info {
+  background-color: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color-translucent);
+}
+
 :root[data-bs-theme=dark] div.dropdown-menu.dt-button-collection.fixed {
-  background-color: rgb(33, 37, 41);
-  border: 1px solid rgba(255, 255, 255, 0.15);
-  border-radius: 8px;
+  background-color: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color-translucent);
 }

data/lib/oxidized/web/public/weblibs/buttons.bootstrap5.js

@@ -60,12 +60,11 @@ $.extend(true, DataTable.Buttons.defaults, {
 		},
 		button: {
 			className: 'btn btn-secondary',
-			active: 'active'
+			active: 'active',
+			dropHtml: '',
+			dropClass: 'dropdown-toggle'
 		},
 		collection: {
-			action: {
-				dropHtml: ''
-			},
 			container: {
 				tag: 'div',
 				className: 'dropdown-menu dt-button-collection'
@@ -90,9 +89,8 @@ $.extend(true, DataTable.Buttons.defaults, {
 			},
 			dropdown: {
 				tag: 'button',
-				dropHtml: '',
 				className:
-					'btn btn-secondary dt-button-split-drop dropdown-toggle dropdown-toggle-split',
+					'btn btn-secondary dt-button-split-drop dropdown-toggle-split',
 				closeButton: false,
 				align: 'split-left',
 				splitAlignClass: 'dt-button-split-left'
@@ -109,7 +107,6 @@ $.extend(true, DataTable.Buttons.defaults, {
 	}
 });
 
-DataTable.ext.buttons.collection.className += ' dropdown-toggle';
 DataTable.ext.buttons.collection.rightAlignClassName = 'dropdown-menu-right';
 
 

data/lib/oxidized/web/public/weblibs/dataTables.bootstrap5.css

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 :root {
   --dt-row-selected: 13, 110, 253;
   --dt-row-selected-text: 255, 255, 255;
@@ -31,17 +30,26 @@ table.dataTable tr.dt-hasChild td.dt-control:before {
   border-bottom: 0px solid transparent;
   border-right: 5px solid transparent;
 }
+table.dataTable tfoot:empty {
+  display: none;
+}
 
 html.dark table.dataTable td.dt-control:before,
-:root[data-bs-theme=dark] table.dataTable td.dt-control:before {
+:root[data-bs-theme=dark] table.dataTable td.dt-control:before,
+:root[data-theme=dark] table.dataTable td.dt-control:before {
   border-left-color: rgba(255, 255, 255, 0.5);
 }
 html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
-:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
+:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,
+:root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
   border-top-color: rgba(255, 255, 255, 0.5);
   border-left-color: transparent;
 }
 
+div.dt-scroll {
+  width: 100%;
+}
+
 div.dt-scroll-body thead tr,
 div.dt-scroll-body tfoot tr {
   height: 0;
@@ -72,8 +80,8 @@ table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
   position: absolute;
   display: block;
   bottom: 50%;
-  content: "▲";
-  content: "▲"/"";
+  content: "\25B2";
+  content: "\25B2"/"";
 }
 table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
 table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
@@ -81,8 +89,8 @@ table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
   position: absolute;
   display: block;
   top: 50%;
-  content: "▼";
-  content: "▼"/"";
+  content: "\25BC";
+  content: "\25BC"/"";
 }
 table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > th.dt-ordering-asc, table.dataTable thead > tr > th.dt-ordering-desc,
 table.dataTable thead > tr > td.dt-orderable-asc,
@@ -233,6 +241,11 @@ table.dataTable th,
 table.dataTable td {
   box-sizing: border-box;
 }
+table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date,
+table.dataTable td.dt-type-numeric,
+table.dataTable td.dt-type-date {
+  text-align: right;
+}
 table.dataTable th.dt-left,
 table.dataTable td.dt-left {
   text-align: left;
@@ -258,11 +271,6 @@ table.dataTable td.dt-empty {
   text-align: center;
   vertical-align: top;
 }
-table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date,
-table.dataTable td.dt-type-numeric,
-table.dataTable td.dt-type-date {
-  text-align: right;
-}
 table.dataTable thead th,
 table.dataTable thead td,
 table.dataTable tfoot th,
@@ -365,6 +373,31 @@ table.table.dataTable.table-hover > tbody > tr.selected:hover > * {
   box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
 }
 
+div.dt-container div.dt-layout-start > *:not(:last-child) {
+  margin-right: 1em;
+}
+div.dt-container div.dt-layout-end > *:not(:first-child) {
+  margin-left: 1em;
+}
+div.dt-container div.dt-layout-full {
+  width: 100%;
+}
+div.dt-container div.dt-layout-full > *:only-child {
+  margin-left: auto;
+  margin-right: auto;
+}
+div.dt-container div.dt-layout-table > div {
+  display: block !important;
+}
+
+@media screen and (max-width: 767px) {
+  div.dt-container div.dt-layout-start > *:not(:last-child) {
+    margin-right: 0;
+  }
+  div.dt-container div.dt-layout-end > *:not(:first-child) {
+    margin-left: 0;
+  }
+}
 div.dt-container div.dt-length label {
   font-weight: normal;
   text-align: left;
@@ -388,9 +421,6 @@ div.dt-container div.dt-search input {
   display: inline-block;
   width: auto;
 }
-div.dt-container div.dt-info {
-  padding-top: 0.85em;
-}
 div.dt-container div.dt-paging {
   margin: 0;
 }