Round loading and history bars

customize.dist/src/less2/include/loading.less

@@ -180,6 +180,7 @@
             height: 24px;
             background: @cp_loading-progress-bg;
             border: 1px solid @cp_loading-progress-bar-bg;
+            border-radius: @variables_radius;
         }
         .cp-loading-progress-bar-value {
             height: 100%;

customize.dist/src/less2/include/modals-ui-elements.less

@@ -41,6 +41,7 @@
         .cp-app-prop-size-container {
             height: 20px;
             background-color: @cryptpad_color_brand;
+            border-radius: @variables_radius;
             margin: 10px 0;
             padding: 0;
             div {
@@ -48,6 +49,8 @@
                 margin: 0;
                 padding: 0;
                 background-color: @cryptpad_color_grey_500;
+                border-top-left-radius: @variables_radius;
+                border-bottom-left-radius: @variables_radius;
             }
         }
         .cp-app-prop-size-legend {
@@ -65,6 +68,7 @@
                 height: 20px;
                 width: 20px;
                 margin-right: 10px;
+                border-radius: @variables_radius;
             }
             .cp-app-prop-history-size-color {
                 background-color: @cryptpad_color_grey_500;