Merge pull request #316 from h3y6e/reduce-spaces

Reduce space between the texts for selecting relays

packages/app/src/Pages/Root.tsx

@@ -86,16 +86,15 @@ export default function RootPage() {
 
   return (
     <>
-      <div className="main-content">{pubKey && <Tabs tabs={tabs} tab={tab} setTab={setTab} />}</div>
-      {isGlobal && globalRelays.length > 0 && (
-        <div className="flex mb10">
-          <div className="f-grow">
+      <div className="main-content">
+        {pubKey && <Tabs tabs={tabs} tab={tab} setTab={setTab} />}
+        {isGlobal && globalRelays.length > 0 && (
+          <div className="flex mb10 f-end">
             <FormattedMessage
               defaultMessage="Read global from"
               description="Label for reading global feed from specific relays"
             />
-          </div>
-          <div>
+            &nbsp;
             <select onChange={e => setRelay(e.target.value)}>
               {globalRelays.map(a => (
                 <option key={a} value={a}>
@@ -104,8 +103,8 @@ export default function RootPage() {
               ))}
             </select>
           </div>
-        </div>
-      )}
+        )}
+      </div>
       {followHints()}
       <Timeline
         key={tab.value}