Fixed Ledger in response to Janis' comments (#528)

* Fixed Styling in response to Janis' comments

* Changed to py

* Another change to py

* Added px variable for new font size

package.json

@@ -1,6 +1,6 @@
 {
   "name": "business-filings-ui",
-  "version": "6.6.1",
+  "version": "6.6.2",
   "private": true,
   "appName": "Filings UI",
   "sbcName": "SBC Common Components",

src/assets/styles/theme.scss

@@ -72,6 +72,7 @@ $app-green: #1a9031;
 $app-alert: #F8661A;
 
 // Sizes for Fonts
+$px-10: 0.6250rem;
 $px-11: 0.6875rem;
 $px-12: 0.7500rem;
 $px-13: 0.8125rem;

src/components/EntityInfo.vue

@@ -3,10 +3,10 @@
     id="entity-info"
     :class=" { 'staff': isRoleStaff, 'hover': showHoverStyle }"
   >
-    <v-container class="pt-0 pb-0">
+    <v-container class="py-0">
       <v-row
         no-gutters
-        class="pt-3 pb-4"
+        class="py-7"
       >
         <v-col
           class="flex-column d-flex justify-space-between"
@@ -34,7 +34,6 @@
         >
           <EntityDefinitions
             :businessId="businessId"
-            class="mt-3"
           />
         </v-col>
       </v-row>

src/components/EntityInfo/EntityHeader.vue

@@ -28,7 +28,7 @@
       >
         <v-chip
           id="historical-chip"
-          class="primary mt-n1 pointer-events-none font-weight-bold"
+          class="primary mt-n1 pointer-events-none"
           small
           label
           text-color="white"
@@ -47,7 +47,7 @@
           id="limited-restoration"
         >
           <v-chip
-            class="primary mt-n1 pointer-events-none font-weight-bold"
+            class="primary mt-n1 pointer-events-none"
             small
             label
             text-color="white"
@@ -59,7 +59,7 @@
           id="authorized-to-continue-out"
         >
           <v-chip
-            class="primary mt-n1 pointer-events-none font-weight-bold"
+            class="primary mt-n1 pointer-events-none"
             :class="{ 'ml-3': isInLimitedRestoration }"
             small
             label
@@ -157,4 +157,10 @@ export default class EntityHeader extends Vue {
 #active-util {
   border-left: 1px solid $gray3;
 }
+
+// Style for badges
+:deep(.v-chip.v-size--small) {
+  height: 19px;
+  font-size: $px-10;
+}
 </style>