From 7dd05fa718c33083e019d7d4d1e8cf50843e3ade Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Thu, 19 Jan 2023 15:29:53 +0700
Subject: [PATCH] style clean up

---
 .../fakeyou.com/src/scss/site-refresh.scss    |  8 +++--
 .../explore/ExploreVoicesModal.tsx            | 29 ++++++++++---------
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/packages/fakeyou.com/src/scss/site-refresh.scss b/packages/fakeyou.com/src/scss/site-refresh.scss
index 5d6515e661..569557856d 100644
--- a/packages/fakeyou.com/src/scss/site-refresh.scss
+++ b/packages/fakeyou.com/src/scss/site-refresh.scss
@@ -30,7 +30,6 @@ styles with important tags:
   }
 
   .btn-link {
-    font-weight: 400;
     color: $primary;
     text-decoration: none;
     cursor: pointer;
@@ -748,7 +747,7 @@ styles with important tags:
     box-shadow: 0px 9px 33px 1px rgba(19, 19, 27, 0.8);
     -webkit-box-shadow: 0px 9px 33px 1px rgba(19, 19, 27, 0.8);
     -moz-box-shadow: 0px 9px 33px 1px rgba(19, 19, 27, 0.8);
-    min-height: 600px;
+    min-height: 550px;
   }
 
   .modal-header {
@@ -762,6 +761,11 @@ styles with important tags:
   .modal-header .btn-close {
     filter: brightness(0) invert(1);
   }
+
+  .rounded-top-0 {
+    border-top-right-radius: 0;
+    border-top-left-radius: 0;
+  }
 }
 
 select {
diff --git a/packages/fakeyou.com/src/v2/view/tts/tts_model_list/explore/ExploreVoicesModal.tsx b/packages/fakeyou.com/src/v2/view/tts/tts_model_list/explore/ExploreVoicesModal.tsx
index 0fae8e1440..d10ff446cb 100644
--- a/packages/fakeyou.com/src/v2/view/tts/tts_model_list/explore/ExploreVoicesModal.tsx
+++ b/packages/fakeyou.com/src/v2/view/tts/tts_model_list/explore/ExploreVoicesModal.tsx
@@ -1,5 +1,9 @@
 import React from "react";
-import { faCompass, faEraser } from "@fortawesome/free-solid-svg-icons";
+import {
+  faArrowRight,
+  faCompass,
+  faEraser,
+} from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { LanguageOptions } from "./LanguageOptions";
 import { TtsCategoryType } from "../../../../../AppWrapper";
@@ -88,7 +92,7 @@ export function ExploreVoicesModal(props: Props) {
       aria-labelledby="ModalLabel"
       aria-hidden="true"
     >
-      <div className="modal-dialog modal-xl modal-fullscreen-lg-down modal-dialog-centered modal-dialog-scrollable">
+      <div className="modal-dialog modal-xl modal-fullscreen-lg-down modal-dialog-centered">
         <div className="modal-content">
           <div className="modal-header p-3">
             <h5 className="modal-title fw-semibold" id="ModalLabel">
@@ -111,7 +115,7 @@ export function ExploreVoicesModal(props: Props) {
               </div>
 
               <div className="col-12 col-md-12 col-lg-9 input-icon-search">
-                <div className="d-flex">
+                <div className="d-flex align-items-start">
                   <label className="sub-title flex-grow-1">Category</label>
                   <button
                     className="ms-3 fw-medium btn-link"
@@ -158,18 +162,17 @@ export function ExploreVoicesModal(props: Props) {
             </div>
           </div>
 
-
           <br />
 
-            <button
-              type="button"
-              className="btn btn-primary"
-              data-bs-dismiss="modal"
-              aria-label="Close"
-              >
-                Use this voice
-            </button>
-
+          <button
+            type="button"
+            className="btn btn-primary rounded-top-0"
+            data-bs-dismiss="modal"
+            aria-label="Close"
+          >
+            Use this voice
+            <FontAwesomeIcon icon={faArrowRight} className="ms-2" />
+          </button>
         </div>
       </div>
     </div>