Merge pull request 'small style and text changes' (#47) from staging into master

Reviewed-on: #47

src/pages/settings/index.tsx

@@ -67,10 +67,10 @@ const SettingTabs = () => {
 
   const navLinks = [
     { path: appRoutes.settingsProfile, label: 'Profile', icon: <ProfileSVG /> },
-    { path: appRoutes.settingsRelays, label: 'Relays', icon: <RelaySVG /> },
+    { path: appRoutes.settingsRelays, label: 'Relays (WIP)', icon: <RelaySVG /> },
     {
       path: appRoutes.settingsPreferences,
-      label: 'Preferences',
+      label: 'Preferences (WIP)',
       icon: <PreferenceSVG />
     }
   ]
@@ -78,7 +78,7 @@ const SettingTabs = () => {
   if (isAdmin) {
     navLinks.push({
       path: appRoutes.settingsAdmin,
-      label: 'Admin',
+      label: 'Admin (WIP)',
       icon: <AdminSVG />
     })
   }
@@ -101,7 +101,7 @@ const SettingTabs = () => {
     <div className='IBMSMSplitMainSmallSide'>
       <div className='IBMSMSplitMainSmallSideSec'>
         <div className='IBMSMSplitMainSmallSideSec'>
-          <h3 className='IBMSMSMSSS_Text'>Settings (WIP)</h3>
+          <h3 className='IBMSMSMSSS_Text'>Settings</h3>
         </div>
         <div className='IBMSMSMSSS_Buttons'>
           {navLinks.map(({ path, label, icon }) =>

src/styles/styles.css

@@ -330,7 +330,7 @@ h6 {
 }
 
 .inputMain {
-  transition: ease 0.4s;
+  transition: border ease 0.4s;
   background: rgba(0, 0, 0, 0.1);
   outline: unset;
   border-radius: 10px;