update

frontend/src/Pages/Configs.tsx

@@ -56,7 +56,7 @@ export const Configs: FC = () => {
                   <ToolTipButton desc="Manage Models" icon={<DataUsageSettings20Regular/>}/>
                 </div>
               }/>
-              <div/>
+              <ToolTipButton text="Convert" desc="Convert model with these configs"/>
               <Labeled label="Device" content={
                 <Dropdown style={{minWidth: 0}} className="grow">
                   <Option>CPU</Option>

frontend/src/Pages/Home.tsx

@@ -58,7 +58,7 @@ export const Home: FC = () => {
       <img className="rounded-xl select-none hidden sm:block" src={Banner}/>
       <div className="flex flex-col gap-2">
         <Text size={600} weight="medium">Introduction</Text>
-        <div className="h-40 overflow-y-auto">
+        <div className="h-40 overflow-y-auto p-1">
           RWKV is an RNN with Transformer-level LLM performance, which can also be directly trained like a GPT
           transformer (parallelizable). And it's 100% attention-free. You only need the hidden state at position t to
           compute the state at position t+1. You can use the "GPT" mode to quickly compute the hidden state for the

frontend/src/Pages/components/ToolTipButton.tsx

@@ -1,10 +1,10 @@
 import React, {FC, ReactElement} from 'react';
 import {Button, Tooltip} from '@fluentui/react-components';
 
-export const ToolTipButton: FC<{ desc: string, icon: ReactElement }> = ({desc, icon}) => {
+export const ToolTipButton: FC<{ text?: string, desc: string, icon?: ReactElement }> = ({text, desc, icon}) => {
   return (
     <Tooltip content={desc} showDelay={0} hideDelay={0} relationship="label">
-      <Button icon={icon}/>
+      <Button icon={icon}>{text}</Button>
     </Tooltip>
   );
 };