chore: add css for mail button casing

Author: arunjaindev

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.19.0-beta-3",
+    "version": "1.19.0-beta-4",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -71,14 +71,16 @@ const LicenseCardSubText = ({
                 />
             </div>
             {freemiumLimitReached && (
-                <Button
-                    dataTestId="mail-support"
-                    startIcon={<Icon name="ic-email" color={null} />}
-                    text={ENTERPRISE_SUPPORT_LINK}
-                    variant={ButtonVariantType.text}
-                    component={ButtonComponentType.anchor}
-                    anchorProps={{ href: `mailto:${ENTERPRISE_SUPPORT_LINK}` }}
-                />
+                <div className="mail-support">
+                    <Button
+                        dataTestId="mail-support"
+                        startIcon={<Icon name="ic-email" color={null} />}
+                        text={ENTERPRISE_SUPPORT_LINK}
+                        variant={ButtonVariantType.text}
+                        component={ButtonComponentType.anchor}
+                        anchorProps={{ href: `mailto:${ENTERPRISE_SUPPORT_LINK}` }}
+                    />
+                </div>
             )}
             <Button
                 dataTestId="contact-support"
@@ -158,7 +160,7 @@ export const DevtronLicenseCard = ({
         : useMotionTemplate`linear-gradient(55deg, transparent, rgba(255, 255, 255, ${sheenOpacity}) ${sheenPosition}%, transparent)`
 
     return (
-        <div className="flexbox-col p-8 br-16" style={{ backgroundColor: bgColor }}>
+        <div className="license-card-wrapper flexbox-col p-8 br-16" style={{ backgroundColor: bgColor }}>
             <div style={{ perspective: '1000px' }}>
                 <motion.div
                     className={`license-card shadow__overlay border__secondary flexbox-col br-12 h-200 dc__overflow-hidden bg__tertiary ${getThemeOppositeThemeClass(appTheme)}`}

src/Shared/Components/License/DevtronLicenseCard.tsx

@@ -14,10 +14,18 @@
  * limitations under the License.
  */
 
-.license-card { 
+.license-card-wrapper {
+    .license-card {
+        .trial-license-badge {
+            background-color: var(--divider-secondary-translucent);
+            letter-spacing: 0.55px;
+        }
+    }
 
-    .trial-license-badge {
-        background-color: var(--divider-secondary-translucent);
-        letter-spacing: 0.55px;
+    .mail-support {
+        .button {
+            text-transform: lowercase;
+        }
     }
 }
+