settings: Make sure sorting arrows are visible correctly.

This commit adds right padding, approximately equal to the
size of the sorting arrow, to the table headers which show
sorting arrows to make sure that arrows are visible clearly
at different font sizes and in different text languages.

web/styles/app_components.css

@@ -740,6 +740,10 @@ div.overlay {
         background-color: hsl(0deg 0% 100%);
         word-break: normal;
 
+        &[data-sort] {
+            padding-right: 0.88em;
+        }
+
         &.active::after,
         &[data-sort]:hover::after {
             content: " \f0d8";