Adjust sidebar tree spacing

zachhannum · Jun 24, 2022 · 5afedc9 · 5afedc9
1 parent c162fc1
commit 5afedc9
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 6 deletions.
diff --git a/app/renderer/components/SidebarProjectContent.tsx b/app/renderer/components/SidebarProjectContent.tsx
@@ -8,22 +8,34 @@ const StyledSidebarProjectContent = styled.div`
   display: flex;
   user-select: none;
   flex-direction: column;
-  padding: 20px;
+  padding: 5px;
   box-sizing: border-box;
   gap: 20px;
   flex-grow: 1;
 `;
 
 const StyledTitleBlock = styled.div`
   display: flex;
+  padding: 15px 15px 0px 15px;
+  box-sizing: border-box;
   flex-direction: column;
   gap: 5px;
 `;
 
 const StyledContentBlock = styled.div`
+  display: flex;
+  flex-direction: column;
+  padding-left: 15px;
+  gap: 5px;
+  flex-grow: 1;
+`;
+
+const StyledNoProjectBlock = styled.div`
   display: flex;
   flex-direction: column;
   gap: 5px;
+  padding: 0px 15px;
+  box-sizing: border-box;
   flex-grow: 1;
 `;
 
@@ -71,8 +83,10 @@ const SidebarProjectContent = () => {
         </>
       ) : (
         <>
-          <StyledTitle>No Project Open</StyledTitle>
-          <StyledContentBlock>
+          <StyledTitleBlock>
+            <StyledTitle>No Project Open</StyledTitle>
+          </StyledTitleBlock>
+          <StyledNoProjectBlock>
             <StyledSidebarP>
               You haven&rsquo;t opened a project yet.
             </StyledSidebarP>
@@ -91,7 +105,7 @@ const SidebarProjectContent = () => {
               To learn more about how to use Calamus, you can always check out
               our <StyledAnchor>help pages</StyledAnchor>.
             </StyledSidebarP>
-          </StyledContentBlock>
+          </StyledNoProjectBlock>
         </>
       )}
     </StyledSidebarProjectContent>

diff --git a/app/renderer/components/SidebarProjectSections.tsx b/app/renderer/components/SidebarProjectSections.tsx
@@ -32,6 +32,7 @@ const SectionHeader = styled.div`
 
 const ContentIcons = styled.div`
   display: flex;
+  padding-right: 15px;
   flex-direction: row;
   align-items: center;
   justify-content: center;

diff --git a/app/renderer/components/TreeView/components/TreeItem/TreeItem.tsx b/app/renderer/components/TreeView/components/TreeItem/TreeItem.tsx
@@ -84,7 +84,6 @@ const StyledTreeItem = styled.div<StyledTreeItemProps>`
     outline: none;
   }
   position: relative;
-  margin-right: 7px;
   display: flex;
   align-items: center;
   padding: 3px 6px;

diff --git a/release/app/package.json b/release/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "calamus",
-  "version": "0.5.2-pre-alpha",
+  "version": "0.5.3-pre-alpha",
   "description": "Write and Publish Books with Ease",
   "main": "./dist/main/main.js",
   "author": {