Color picker: Fix label view (#10445)

* Add missing focus styling

* Change width to ensure label does not get too wide

Co-authored-by: BatJan <jaskov@gmail.com>
Co-authored-by: Jan Skovgaard Olsen <jso@co3.dk>

src/Umbraco.Web.UI.Client/src/less/components/umb-color-swatches.less

@@ -59,7 +59,7 @@
                     font-size: 14px;
                     padding: 1px 5px;
                     min-height: 45px;
-                    max-width: 100%;
+                    max-width: calc(100% - 8px);
                     margin-top: auto;
                     margin-bottom: -3px;
                     margin-left: -1px;