style improvements for new cap langs (#82)

aerokube · Oct 17, 2017 · fba4dbd · fba4dbd
1 parent a816483
commit fba4dbd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/web/src/containers/Capabilities/index.js b/web/src/containers/Capabilities/index.js
@@ -27,7 +27,7 @@ RemoteWebDriver driver = new RemoteWebDriver(
     capabilities
 );
 `,
-	csharp: `var capabilities = new DesiredCapabilities("${browser}", "${version}", new Platform(PlatformType.Any));
+	"C#": `var capabilities = new DesiredCapabilities("${browser}", "${version}", new Platform(PlatformType.Any));
 var driver = new RemoteWebDriver(new Uri("${origin}/wd/hub"), capabilities);
 `,
         python: `from selenium import webdriver
@@ -52,9 +52,9 @@ var options = {
 };
 var client = webdriverio.remote(options);
 `,
-	php: `$web_driver = RemoteWebDriver::create("${origin}/wd/hub",
+	"PHP": `$web_driver = RemoteWebDriver::create("${origin}/wd/hub",
 array("version"=>"${version}", "browserName"=>"${browser}")
-  );
+);
 `,
 	ruby: `caps = Selenium::WebDriver::Remote::Capabilities.new
 caps["browserName"] = "${browser}"

diff --git a/web/src/containers/Capabilities/style.scss b/web/src/containers/Capabilities/style.scss
@@ -29,7 +29,7 @@ $selected-color: #59a781;
   }
 
   &__lang-selector {
-    height: 200px;
+    height: 160px;
     margin-left: 50px;
     margin-top: 20px;
   }
@@ -47,11 +47,10 @@ pre.hljs, code.hljs {
 
 .capabilities-langs {
   border-left: 1px dashed $border-langs-color;
-  width: 100%;
   height: 100%;
   display: flex;
+  flex-wrap: wrap;
   flex-direction: column;
-  justify-content: center;
 }
 
 .capabilities-lang {
@@ -62,6 +61,7 @@ pre.hljs, code.hljs {
   border-left: 3px solid $border-langs-color;
   cursor: pointer;
   transition: border-color 0.2s ease-out 0s;
+  min-width: 80px;
 
   &_active {
     border-left-color: $selected-color;