feat: TLink card viewer enhancements

Author: micwallace

javascript/tokenscript-viewer/src/components/common/card-view/card-view.tsx

@@ -22,7 +22,7 @@ export class CardView {
 					</iframe>
 				</div>
 				<div class="action-bar" style={{display: "none"}}>
-					<button class="action-btn btn btn-primary"></button>
+					<button class="ts-action-button action-btn btn btn-primary"></button>
 				</div>
 			</div>
 		)

javascript/tokenscript-viewer/src/components/viewers/tlink/tlink-card-viewer.css

@@ -13,8 +13,8 @@ body, action-overflow-modal .popover-container {
 }
 
 .mooar-header {
-	height: 45px;
-	margin: 5px 15px 0;
+	height: 34px;
+	margin: 0 15px 0;
 	display: flex;
 	align-items: center;
 }
@@ -26,13 +26,13 @@ body, action-overflow-modal .popover-container {
 }
 
 .mooar-header .text {
-	font-size: 16px;
+	font-size: 14px;
 	font-weight: 500;
 	color: #fff;
 }
 
 .mooar-header .header-icon {
-	height: 24px !important;
+	height: 20px !important;
 	padding-left: 8px;
 }
 
@@ -106,7 +106,7 @@ card-view .card-container {
 	opacity: 0.6 !important;
 }
 
-.mooar-viewer .btn-primary, .mooar-viewer .btn-featured {
+/*.mooar-viewer .btn-primary, .mooar-viewer .btn-featured {
 	background: linear-gradient(106.84deg, rgb(255, 140, 74) 6.22%, rgb(255, 96, 95) 90.19%);
 	border: none;
 }
@@ -145,7 +145,7 @@ card-view .card-container {
 
 .mooar-viewer .more-actions-btn:hover {
 	background: rgba(194, 140, 109, 0.06);
-}
+}*/
 
 card-view .action-bar {
 	height: auto !important;

javascript/tokenscript-viewer/src/components/viewers/tlink/tlink-card-viewer.tsx

@@ -149,7 +149,7 @@ export class TlinkCardViewer {
 						</a>
 						<div class="mooar-header-right">
 							{/*<share-to-tg-button/>*/}
-							{this.tokenScript && <security-status tokenScript={this.tokenScript} size="small" />}
+							{this.tokenScript && <security-status tokenScript={this.tokenScript} size="x-small" />}
 						</div>
 					</div>
 					<card-view ref={(el: HTMLElement) => this.mainCardView = el}></card-view>