Minor aesthetic changes

.gitignore

@@ -1 +1,2 @@
 node_modules
+./vscode

.vscode/launch.json

@@ -0,0 +1,20 @@
+{
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Launch Extension",
+            "type": "extensionHost",
+            "request": "launch",
+            "runtimeExecutable": "${execPath}",
+            "args": [
+                "--extensionDevelopmentPath=${workspaceRoot}"
+            ],
+            "stopOnEntry": false,
+            "sourceMaps": true,
+            "outDirs": [
+                "${workspaceRoot}/out/**/*.js"
+            ],
+            "preLaunchTask": "npm"
+        }
+    ]
+}

src/Styles/Components/_CompanyList.scss

@@ -1,14 +1,23 @@
 .companyList {
 	background-color: $color-main;
-	border-radius: 2px;
+	border-radius: $border-radius-main;
 	border: 1px solid $color-main-border;
 	width: 750px;
 	margin: 20px auto 0px auto;
 	font-size: 4.8rem;
 }
 
-.companyList > div:first-child {
+.companyList > .company:first-child {
 	& .companyInfo {
 		border-top: none;
+		border-top-left-radius: $border-radius-main;
+		border-top-right-radius: $border-radius-main;
+	}
+}
+
+.companyList > .company:last-child {
+	& .openings > .opening:last-child{
+		border-bottom-left-radius: $border-radius-main;
+		border-bottom-right-radius: $border-radius-main;
 	}
 }

src/Styles/Components/_SearchBar.scss

@@ -11,7 +11,7 @@
 	padding: 1rem;
 	padding-left: 4.5rem;
 	font-family: 'Roboto', 'sans-serif';
-	@include border-radius(2px);
+	border-radius: $border-radius-main;
 	border: 1px solid $color-main-border;
 	background-image: url('../images/icon_search.svg');
 	background-repeat: no-repeat;	

src/Styles/_variables.scss

@@ -1,5 +1,6 @@
-$color-main: #FAFAFB;
+$color-main: #F6F6F6;
 $color-button-primary: #007ee5;
 $color-main-text: #515357;
 $color-opening-base: #FFFFFF;
-$color-main-border: #B9BCC6;
+$color-main-border: #B9BCC6;
+$border-radius-main: 3px;