Fix alignment in mobile view for the severity badge
Summary
On mobile view, the vulnerability list table has an incorrect alignment for the vulnerability list. The security_dashboard_table_row.vue
should already have a fix for a similar bug that was happening in the REST API backed dashboard.
Steps to reproduce
- Go to Instance Level Security Dashboard that has some vulnerabilities.
- View the browser in mobile mode.
What is the current bug behavior?
This is how it looks like:
What is the expected correct behavior?
The badge should be aligned to the right on mobile, and to left on desktop.
Results of GitLab environment info
Expand for output related to GitLab environment info
(For installations with omnibus-gitlab package run and paste the output of: `sudo gitlab-rake gitlab:env:info`) (For installations from source run and paste the output of: `sudo -u git -H bundle exec rake gitlab:env:info RAILS_ENV=production`)
Results of GitLab application Check
Expand for output related to the GitLab application check
(For installations with omnibus-gitlab package run and paste the output of:
sudo gitlab-rake gitlab:check SANITIZE=true
)(For installations from source run and paste the output of:
sudo -u git -H bundle exec rake gitlab:check RAILS_ENV=production SANITIZE=true
)(we will only investigate if the tests are passing)
Possible fixes
(If you can, link to the line of code that might be responsible for the problem)