adjust toolbar spacing

Author: raclim

client/modules/IDE/components/Header/Toolbar.jsx

@@ -113,6 +113,15 @@ const Toolbar = (props) => {
 
       <div className="toolbar__project-name-container">
         <ProjectName />
+        {/* Still show owner if not you */}
+        {project?.owner && !userIsOwner && (
+          <p className="toolbar__project-owner">
+            {t('Toolbar.By')}{' '}
+            <Link to={`/${project.owner.username}/sketches`}>
+              {project.owner.username}
+            </Link>
+          </p>
+        )}
       </div>
 
       <div style={{ flex: 1 }} />
@@ -127,16 +136,6 @@ const Toolbar = (props) => {
         </div>
       )}
 
-      {/* Still show owner if not you */}
-      {project?.owner && !userIsOwner && (
-        <p className="toolbar__project-owner">
-          {t('Toolbar.By')}{' '}
-          <Link to={`/${project.owner.username}/sketches`}>
-            {project.owner.username}
-          </Link>
-        </p>
-      )}
-
       <VersionIndicator />
 
       <button

client/styles/components/_toolbar.scss

@@ -131,7 +131,6 @@
 	padding-left: #{math.div(10, $base-font-size)}rem;
 	display: flex;
 	align-items: center;
-	gap: #{math.div(16, $base-font-size)}rem; 
 
 	> section {
 		display: flex;