diff --git a/app/assets/javascripts/repositories/repository_datatable.js b/app/assets/javascripts/repositories/repository_datatable.js index 277f5eac5..a27e9948f 100644 --- a/app/assets/javascripts/repositories/repository_datatable.js +++ b/app/assets/javascripts/repositories/repository_datatable.js @@ -602,6 +602,11 @@ var RepositoryDatatable = (function(global) { initRowSelection(); bindExportActions(); + $(window).resize(() => { + setTimeout(() => { + adjustTableHeader() + }, 500) + }) return TABLE; } diff --git a/app/assets/stylesheets/shared_styles/elements/radio_buttons.scss b/app/assets/stylesheets/shared_styles/elements/radio_buttons.scss index 706e8a12e..b940efe9e 100644 --- a/app/assets/stylesheets/shared_styles/elements/radio_buttons.scss +++ b/app/assets/stylesheets/shared_styles/elements/radio_buttons.scss @@ -4,6 +4,13 @@ --sci-radio-size: 16px; } +.sci-radio-container { + display: inline-block; + height: var(--sci-radio-size); + position: relative; + width: var(--sci-radio-size); +} + input[type="radio"].sci-radio { cursor: pointer; flex-shrink: 0; @@ -18,8 +25,8 @@ input[type="radio"].sci-radio { display: inline-block; flex-shrink: 0; height: var(--sci-radio-size); - margin-left: calc((var(--sci-radio-size) * -1) - 3px); - position: relative; + left: 0; + position: absolute; width: var(--sci-radio-size); &::before { @@ -34,7 +41,6 @@ input[type="radio"].sci-radio { line-height: calc(var(--sci-radio-size) - 2px); position: absolute; text-align: center; - top: 1px; transition: .2s; width: var(--sci-radio-size); } @@ -48,7 +54,7 @@ input[type="radio"].sci-radio { height: calc(var(--sci-radio-size) - 6px); left: 3px; position: absolute; - top: 4px; + top: 3px; transition: .2s; width: calc(var(--sci-radio-size) - 6px); }