chore(label-group): fix whitespace and formatting in demos

Author: Sara Dahan

elements/pf-label-group/demo/label-group-closeable.html

@@ -1,6 +1,6 @@
 <pf-label-group closeable>
   <h2 slot="category">group name</h2>
-  <pf-label color="red" icon="info-circle"  removable>label-1</pf-label>
+  <pf-label color="red" icon="info-circle" removable>label-1</pf-label>
   <pf-label color="green" icon="info-circle" removable>label-2</pf-label>
   <pf-label color="blue" icon="info-circle" removable>label-3</pf-label>
 </pf-label-group>

elements/pf-label-group/demo/label-group-with-a-very-long-name.html

@@ -1,5 +1,5 @@
 
-<pf-label-group   >
+<pf-label-group>
   <h2 slot="category">label group with a very long name</h2>
   <pf-label color="yellow" icon="info-circle" removable>label-1</pf-label>
   <pf-label color="red" icon="info-circle" removable>label-2</pf-label>

elements/pf-label-group/demo/label-group-with-overflow-labels.html

@@ -1,7 +1,6 @@
 
-<pf-label-group closeable  num-labels="3" >
+<pf-label-group closeable num-labels="3">
   <h2 slot="category">group name</h2>
-
   <pf-label color="orange" icon="info-circle" removable>label-1</pf-label>
   <pf-label color="purple" icon="info-circle" removable>label-2</pf-label>
   <pf-label color="blue" icon="info-circle" removable>label-3</pf-label>

elements/pf-label-group/demo/label-group.html

@@ -3,7 +3,6 @@
   <pf-label color="green">Green Label</pf-label>
   <pf-label color="orange">Orange Label</pf-label>
   <pf-label color="red">Red Label</pf-label>
-
 </pf-label-group>
 
 <script type="module">

elements/pf-label-group/pf-label-group.css

@@ -1,4 +1,3 @@
-
 :host {
   display: flex;
   flex-direction: row;
@@ -13,10 +12,7 @@ pf-button {
   --pf-c-button--PaddingRight: var(--pf-c-label__c-button--PaddingRight, var(--pf-global--spacer--sm, 0.5rem));
   --pf-c-button--PaddingBottom: var(--pf-c-label__c-button--PaddingBottom, var(--pf-global--spacer--xs, 0.25rem));
   --pf-c-button--PaddingLeft: var(--pf-c-label__c-button--PaddingLeft, var(--pf-global--spacer--sm, 0.5rem));
-  margin: var(--pf-c-label__c-button--MarginTop, -0.5rem)
-          var(--pf-c-label__c-button--MarginRight, -0.5rem)
-          var(--pf-c-label__c-button--MarginBottom, -0.5rem)
-          var(--pf-c-label__c-button--MarginLeft, 0.25rem);
+  margin: var(--pf-c-label__c-button--MarginTop, -0.5rem) var(--pf-c-label__c-button--MarginRight, -0.5rem) var(--pf-c-label__c-button--MarginBottom, -0.5rem) var(--pf-c-label__c-button--MarginLeft, 0.25rem);
 }
 
 .compact {
@@ -50,11 +46,9 @@ pf-button {
   border: 1px solid #d2d2d2;
   border-radius: 6px;
   background-color: #fff;
-
   align-items: center;
 }
 
-
 :host([orientation="horizontal"]) #outer {
   flex-direction: row;
 }
@@ -66,13 +60,10 @@ pf-button {
 
 ::slotted([slot="category"]) {
   display: inline-block;
-  max-width: 16ch; 
+  max-width: 16ch;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   vertical-align: middle;
   cursor: default;
-}
-
-::slotted([slot="category"][title]):hover {
-}
+}