oxidized-web 0.14.0 → 0.15.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fd7aba682137b4460c7f9f76ad8991416d3358c58a01c639b3c5457bac5ec2c0
-  data.tar.gz: '091d541900d22a286cd735eb41d13d34efeb49be06a2f5fb69a196740fa08935'
+  metadata.gz: ef98fc626264e84687d7bdbfdb2a0a34aa5744086f34cdf3b84ddd823995246f
+  data.tar.gz: 7d43d90aa5027a130fba180db8c976200a19875978fb09bb9572d65a37ceb104
 SHA512:
-  metadata.gz: 674f0040daf698447e7ad52f60a83cbceb60f1580b9abcca9328509f513c08728f0e906b8636d151e95c11c0d5294922b1bc2431c4be6ea438e66c47f64000e2
-  data.tar.gz: 892d8416013ab3ff0ca4123725cae2e4ebdf78750cf9b10356a386a1ee952e18cdfcc2238c86bfd9626d40ff99436c8b195c31d28aaada97d686f59ba3adffec
+  metadata.gz: 9fdc33d367f0beb19545a31d73a830ecfb786d152cfdb8b6b28f0335c04b3fa40d524c47c49107cabe48785c788bcf38686e822038eb2e2cf37cf54b1b7267a8
+  data.tar.gz: 863d0e8381d5c55053922e581bf788fd93da4e45f90435e47b2afea678515f2d0e064b2471e81ce607b897c8deb6f0dbeb0fad57d67c088d4e323be2530f9bdd

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
@@ -30,13 +31,5 @@ jobs:
       with:
         ruby-version: ${{ matrix.ruby-version }}
         bundler-cache: true # runs 'bundle install' and caches installed gems automatically
-    - name: rubocop
-      uses: reviewdog/action-rubocop@v2
-      with:
-        rubocop_version: gemfile
-        rubocop_extensions: rubocop-minitest:gemfile rubocop-rake:gemfile rubocop-rails:gemfile
-        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,32 +1,27 @@
 # 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-20 10:05:16 UTC using RuboCop version 1.72.2.
 # 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
 # versions of RuboCop, may require this file to be generated again.
 
-# Offense count: 5
+# Offense count: 2
 # Configuration parameters: AllowedMethods, AllowedPatterns, CountRepeatedAttributes.
 Metrics/AbcSize:
-  Max: 52
+  Max: 31
 
 # Offense count: 1
-# Configuration parameters: CountBlocks.
-Metrics/BlockNesting:
-  Max: 4
-
-# Offense count: 2
 # Configuration parameters: AllowedMethods, AllowedPatterns.
 Metrics/CyclomaticComplexity:
   Max: 9
 
-# Offense count: 9
+# Offense count: 5
 # Configuration parameters: CountComments, CountAsOne, AllowedMethods, AllowedPatterns.
 Metrics/MethodLength:
-  Max: 33
+  Max: 28
 
-# Offense count: 2
+# Offense count: 1
 # Configuration parameters: AllowedMethods, AllowedPatterns.
 Metrics/PerceivedComplexity:
   Max: 11

data/CHANGELOG.md

@@ -3,6 +3,29 @@
 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.1 – 2025-02-20]
+This minor release fixes javascript errors.
+
+### Fixed
+- Fix javascript not working (@robertcheramy)
+
+## [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]
 

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`.
 
@@ -113,6 +128,9 @@ Run Oxidized-web from git against the latest git of Oxidized (see above).
 
 Do not integrate late PRs into master if they do not fix issues for the release. The must wait for the next release.
 
+When testing the web application, open the javascript console in the browser to
+see any errors.
+
 ## Version numbering
 Oxidized-web versions are nummered like 0.major.minor
 - major is incremented when releasing new features. minor is then set to 0
@@ -148,9 +166,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
@@ -49,17 +22,7 @@ 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;
 }