From f8c3f17ab9d209f7a4de7c2ef3a5206b5ba4a685 Mon Sep 17 00:00:00 2001
From: Daniel Ledda <ledda@cip.ifi.lmu.de>
Date: Sat, 28 May 2022 22:41:46 +0200
Subject: [PATCH] fix: fixed some styling issues with the sidebar

---
 .idea/workspace.xml   | 61 +++++++++++++++++++------------------------
 src/ui/App.svelte     |  2 --
 src/ui/Sidebar.svelte |  1 +
 3 files changed, 28 insertions(+), 36 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index c1f86ba..4f5e85c 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -1,5 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="AutoImportSettings">
+    <option name="autoReloadType" value="SELECTIVE" />
+  </component>
   <component name="BranchesTreeState">
     <expand>
       <path>
@@ -27,7 +30,8 @@
   <component name="ChangeListManager">
     <list default="true" id="70635ef7-86ab-4681-b98d-dc8e4999995b" name="Default Changelist" comment="">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/stores/PolycubeStore.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/stores/PolycubeStore.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/ui/App.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/ui/App.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/ui/Sidebar.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/ui/Sidebar.svelte" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -65,31 +69,29 @@
       <scroll-view-position x="0" y="0" />
     </layout>
   </component>
+  <component name="MarkdownSettingsMigration">
+    <option name="stateVersion" value="1" />
+  </component>
   <component name="ProjectId" id="1shUz7NMSUxY207ip64fWIgaebh" />
   <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
   <component name="ProjectViewState">
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent">
-    <property name="DefaultHtmlFileTemplate" value="HTML File" />
-    <property name="RunOnceActivity.OpenProjectViewOnStart" value="true" />
-    <property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
-    <property name="WebServerToolWindowFactoryState" value="false" />
-    <property name="last_opened_file_path" value="$PROJECT_DIR$/../../uni-sose-21-22/BDMA/tutorials/tutorial01-and-02" />
-    <property name="node.js.detected.package.eslint" value="true" />
-    <property name="node.js.detected.package.tslint" value="true" />
-    <property name="node.js.path.for.package.eslint" value="project" />
-    <property name="node.js.path.for.package.tslint" value="project" />
-    <property name="node.js.selected.package.eslint" value="(autodetect)" />
-    <property name="node.js.selected.package.tslint" value="(autodetect)" />
-    <property name="nodejs_package_manager_path" value="npm" />
-    <property name="run.code.analysis.last.selected.profile" value="pProject Default" />
-    <property name="settings.editor.selected.configurable" value="terminal" />
-    <property name="ts.external.directory.path" value="$PROJECT_DIR$/node_modules/typescript/lib" />
-    <property name="use.deno.dismiss" value="true" />
-    <property name="vue.rearranger.settings.migration" value="true" />
-  </component>
+  <component name="PropertiesComponent"><![CDATA[{
+  "keyToString": {
+    "RunOnceActivity.OpenProjectViewOnStart": "true",
+    "RunOnceActivity.ShowReadmeOnStart": "true",
+    "WebServerToolWindowFactoryState": "false",
+    "node.js.detected.package.eslint": "true",
+    "node.js.detected.package.tslint": "true",
+    "node.js.selected.package.eslint": "(autodetect)",
+    "node.js.selected.package.tslint": "(autodetect)",
+    "nodejs_package_manager_path": "npm",
+    "ts.external.directory.path": "/home/ledda/Documents/Projects/soma/node_modules/typescript/lib",
+    "vue.rearranger.settings.migration": "true"
+  }
+}]]></component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
       <recent name="$PROJECT_DIR$/public" />
@@ -161,17 +163,19 @@
       <workItem from="1629629729107" duration="99000" />
       <workItem from="1636124860298" duration="307000" />
       <workItem from="1636284015038" duration="35000" />
+      <workItem from="1653769272575" duration="98000" />
+      <workItem from="1653769394515" duration="1008000" />
     </task>
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
-    <option name="version" value="1" />
+    <option name="version" value="3" />
     <option name="exactExcludedFiles">
       <list>
-        <option value="$PROJECT_DIR$/src/solver/js/SomaSolver.js" />
         <option value="$PROJECT_DIR$/src/solver/js/main.js" />
-        <option value="$PROJECT_DIR$/src/solver/js/VoxelSpaceBoolean.js" />
+        <option value="$PROJECT_DIR$/src/solver/js/SomaSolver.js" />
         <option value="$PROJECT_DIR$/src/solver/js/SomaSolution.js" />
+        <option value="$PROJECT_DIR$/src/solver/js/VoxelSpaceBoolean.js" />
       </list>
     </option>
   </component>
@@ -202,21 +206,10 @@
                   </entry>
                 </map>
               </option>
-              <option name="COLUMN_ORDER" />
             </State>
           </value>
         </entry>
       </map>
     </option>
   </component>
-  <component name="WindowStateProjectService">
-    <state x="743" y="301" width="716" height="623" key="FileChooserDialogImpl" timestamp="1636284048481">
-      <screen x="0" y="27" width="1920" height="1053" />
-    </state>
-    <state x="743" y="301" width="716" height="623" key="FileChooserDialogImpl/1920.0.1920.1080/0.27.1920.1053@0.27.1920.1053" timestamp="1636284048481" />
-    <state x="616" y="367" key="com.intellij.ide.util.TipDialog" timestamp="1636284015292">
-      <screen x="0" y="27" width="1920" height="1053" />
-    </state>
-    <state x="616" y="367" key="com.intellij.ide.util.TipDialog/1920.0.1920.1080/0.27.1920.1053@0.27.1920.1053" timestamp="1636284015292" />
-  </component>
 </project>
\ No newline at end of file
diff --git a/src/ui/App.svelte b/src/ui/App.svelte
index 7daeaea..86894e0 100644
--- a/src/ui/App.svelte
+++ b/src/ui/App.svelte
@@ -26,7 +26,6 @@
 	 	background-color: black;
 	 	margin: 0;
 		padding: 0;
-		max-width: 20%;
 		height: 100%;
 		display: inline-block;
 	}
@@ -36,7 +35,6 @@
 		margin: 0;
 		padding: 0;
 		height: 100%;
-		width: 80%;
 		display: inline-block;
 	}
 	:global(body) {
diff --git a/src/ui/Sidebar.svelte b/src/ui/Sidebar.svelte
index 5abc139..6cc4c7b 100644
--- a/src/ui/Sidebar.svelte
+++ b/src/ui/Sidebar.svelte
@@ -65,6 +65,7 @@
         align-items: center;
         flex-direction: column;
         height: 100%;
+        width: calc(350px + 2em);
         overflow: hidden;
         background-color: #333333;
         padding: 1em;