Merge pull request #188 from getswell/dev

Dev

README.md

@@ -4,40 +4,41 @@
 [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Swell-%20For%20all%20your%20streaming%20API%20testing%20needs&url=https://www.getswell.io&hashtags=SSE,WebSocket,HTTP,API,developers)
 ![AppVeyor](https://img.shields.io/badge/build-passing-brightgreen.svg)
 ![AppVeyor](https://img.shields.io/badge/version-0.1.0-blue.svg)
+[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/getswell/getswell/issues)
 
 
 
 Swell is a Streaming API development tool that enables developers to test API endpoints served over modern networking technologies including Server-Sent Events (SSE), WebSocket, and HTTP2.
 
 ## Getting Started
 
-Visit www.getswell.io for a download link. 
+Visit www.getswell.io to download the latest release. 
 
 Swell is currently only supported on OS X with future support planned for Linux and Windows.
 
 ### Features
 Swell is a one-stop shop for sending and monitoring your API requests
 
-<img src="https://i.imgur.com/tcfbCPf.jpg"
-     style="float: left; margin-right: 10px;margin-bottom : 40px; margin-top : 10px; border: 1px solid grey;" />
+<kbd><img src="https://i.imgur.com/tcfbCPf.jpg"
+     style="float: left; margin-right: 10px;margin-bottom : 40px; margin-top : 10px;" /></kbd>
 
 * Send and monitor up to six concurrent connections
 * Interactive chart delivers request/response timing information in an easy to digest form
 * Native OS/X app
 
 ### Supported Technologies
 * *HTTP2*: Swell supports full HTTP2 multiplexing of requests and responses. HTTP requests to the same host will be sent over the same connection. Swell will attempt to initiate an HTTP2 connection for all HTTPS requests by default, but will revert to HTTP1.1 for legacy servers.
-<img src="https://i.imgur.com/jxY2Y2y.png"
-     style="float: left; margin-right: 10px; margin-bottom : 30px; margin-top : 10px; border: 1px solid black;" />
+<kbd><img src="https://i.imgur.com/jxY2Y2y.png"
+     style="float: left; margin-right: 10px; margin-bottom : 30px; margin-top : 10px; border: 1px solid black;" /></kbd>
 
 * *Server-Sent Events (SSE)*: Swell displays SSE events one by one as they come in.
-<img src="https://i.imgur.com/SrzGDxM.png"
-     style="float: left; margin-right: 10px; margin-bottom : 30px; margin-top : 10px; border: 1px solid grey;" />
+<kbd><img src="https://i.imgur.com/SrzGDxM.png"
+     style="float: left; margin-right: 10px; margin-bottom : 30px; margin-top : 10px;" /></kbd>
 
 
 * *WebSocket (WS)*: Swell enables connecting directly to WebSocket servers with an HTTP handshake. Developers can directly send messages to the connected WS server. Messages are displayed in chatbox format, clearly indicating outgoing and incoming messages.
-<img src="https://i.imgur.com/cyVs9MZ.png"
-     style="float: left; margin-right: 10px;margin-bottom : 30px; margin-top : 10px; border: 1px solid grey;" />
+<kbd><img src="https://i.imgur.com/cyVs9MZ.png"
+     style="float: left; margin-right: 10px;margin-bottom : 30px; margin-top : 10px;" /></kbd>
 
 
 ## Built With

src/assets/style/chart.scss

@@ -1,38 +1,42 @@
-.warningcontainer {
-	height: 150px;
-	padding: 17px;
-	width: 100%;
+.warningContainer {
+  width : 100%;
+  height : 150px;
+  padding : 17px;
 }
+
 .warning {
-	align-items: center;
-	border: 8px solid #999999;
-	border-radius: 4px;
-	color: #999999;
-	display: flex;
-	font-weight: 600;
-	height: 100%;
-	justify-content: center;
-	padding: 20px;
-	text-align: center;
-	width: 100%;
+  width : 100%;
+  height : 100%;
+  padding : 20px;
+  border : 8px solid #999999;
+  border-radius : 4px;
+  color : #999999;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
 }
+
+
 .chart {
-	height: 150px;
-	padding: 5px 10px;
-	width: 100%;
+  padding : 5px 10px;
+  width : 100%;
+  height : 150px;
 }
-.charttime {
-	-webkit-appearance: none;
-	align-items: center;
-	display: flex;
-	display: block;
-	font-size: 14px;
-	outline: none;
-	padding: 8px;
-	position: absolute;
-	right: 8px;
-	top: 8px;
-}
-.charttimeselect {
-	margin-left: 10px;
+
+.chartTime {
+  position: absolute;
+  top: 8px;
+  right : 8px;
+  font-size: 14px;
+  display: flex;
+  -webkit-appearance: none;
+  outline: none;
+  align-items: center;
+  display: block;
+  padding: 8px;
 }
+.chartTimeSelect {
+  margin-left: 10px;
+}

src/assets/style/cookieTable.scss

@@ -1,22 +1,22 @@
-.cookietable {
+.cookieTable {
 	display: block;
 	flex: 1;
 	overflow-y: auto;
 }
-.cookietableheaders {
+.cookieTableHeaders {
 	justify-content: left;
 }
-.cookietablerow {
+.cookieTableRow {
 	background: white;
 	cursor: text;
 	padding: 0;
 }
-.cookietableheadercell {
+.cookieTableHeaderCell {
 	font-size: .6rem;
 	font-weight: bold;
 	text-align: left;
 }
-.cookietablecell {
+.cookieTableCell {
 	font-size: 0.6rem;
 	height: auto;
 	overflow-x: scroll;

src/assets/style/grid.scss

@@ -58,9 +58,9 @@
 		border-right: 1px solid $bordergray;
 		padding: 0 15px;
 		position: relative;
-		&:first-child {
-			max-height: 30px;
-		}
+    &:first-child {
+      max-height: 30px;
+    }
     &:nth-child(-n+2) {
       padding: 0;
     }
@@ -74,7 +74,7 @@
     &:last-child {
       border-right: none;
     }
-	}
+  }
 }
 .nested-grid-9 {
 	background: white;
@@ -89,4 +89,4 @@
 		padding: 10px 15px;
 		position: relative;
 	}
-}
+}