Merge pull request #68 from abaicus/development

Fixed Style Issues

Author: selul

css/frame.css

@@ -431,28 +431,32 @@ div.group-content .group-description {
 }
 
 .file-wrapper {
-	position: relative;
-	overflow: hidden;
+		display: inline-block;
+    width: auto;
+		max-width: 133px;
 }
 
 .file {
-	font-size: 200px;
-    position: absolute;
-    top: 0;
-	right: 0;
-    opacity: 0;
-    -moz-opacity: 0;
-    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-	 cursor: pointer;
+		font-size: 22px;
+		position: fixed;
+		opacity: 0;
+		margin-left: -33px;
+    margin-top: -6px;
+		-moz-opacity: 0;
+		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+		cursor: pointer;
+		max-width: 138px;
 }
 
 #remote-file {
-	float: right;
-	clear: both;
+		float: right;
+		display: inline-block;
+		margin-left: 6px;
 }
 
  .form-inline {
-	  margin: 0 auto;
+	  /*margin: 0 auto;*/
+		width:100%;
 	  display: table;
     vertical-align: middle;
   }
@@ -468,6 +472,8 @@ div.group-content .group-description {
 	border: 1px solid #B0B0B0 !important;
 	box-shadow: none !important;
 	text-shadow:none!important;
+	left: -18px;
+  overflow: hidden;
 
  }
 
@@ -489,7 +495,7 @@ div.group-content .group-description {
  }
 
  .just-on-pro{
-	background: #FFF  url("../images/available_pro.png") no-repeat scroll 0px 1px !important;
+	background: #F5F5F5  url("../images/available_pro.png") no-repeat scroll 0px 1px !important;
 	width: 250px;
 	height: 100px;
 	cursor:not-allowed;
@@ -514,7 +520,7 @@ div.group-content .group-description {
 	box-shadow: none !important;
 	font-family: "Open Sans",sans-serif;
 	font-weight: 700;
-	margin-left: 2px !important;
+	/*margin-left: 2px !important;*/
 }
 
  .from-web-btn:hover{
@@ -527,14 +533,20 @@ div.group-content .group-description {
 	-ms-transition: all .3s ease;
 	-o-transition: all .3s ease;
 	transition: all .3s ease;
-	margin-left: 2px !important;
+	/*margin-left: 2px !important;*/
 	border: 1px solid #89B158  !important;
 	box-shadow: none !important;
 }
 
 .preview{
 	width: 100%;
 }
+
+
+#sidebar > ul > div.initial-screen > div {
+	padding: 0 20px;
+}
+
 .from-chart-btn{
 	color: #646464 !important;
 	border: medium none #646464 !important;
@@ -545,8 +557,8 @@ div.group-content .group-description {
 	box-shadow: none !important;
 	font-family: "Open Sans",sans-serif;
 	font-weight: 700;
-	margin-left: 2px !important;
-	margin-top: 2px !important;
+	/*margin-left: 2px !important;
+	margin-top: 2px !important;*/
 }
 
  .from-chart-btn:hover{
@@ -559,26 +571,24 @@ div.group-content .group-description {
   	-ms-transition: all .3s ease;
   	-o-transition: all .3s ease;
   	transition: all .3s ease;
-  	margin-left: 2px !important;
+  	/*margin-left: 2px !important;*/
   	border: 1px solid #10aecb  !important;
   	box-shadow: none !important;
-  	margin-top: 2px !important;
+  	/*margin-top: 2px !important;*/
   }
 
 	input#existing-chart {
-		left: 18px;
+		/*left: 18px;
 		width: 110px;
-    position: relative;
+    position: relative;*/
 	}
 
 	select#chart-id {
-		left: 44px;
-    	position: relative;
-		width: 120px;
+		float: right;
+		width: 95px;
 	}
 
 	button#editor-chart-button {
-    width: 260px;
     margin: 0 auto;
     display: block;
     background-color: #2f8cea !important;
@@ -658,10 +668,8 @@ div.group-content .group-description {
 	cursor: pointer;
 	display: block;
 	margin: 0 auto;
-	width: 260px;
 	line-height: 34px;
 	font-size: 17px;
-	width: 260px;
 	height: auto;
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
@@ -670,6 +678,14 @@ div.group-content .group-description {
 	margin-top:5px;
 }
 
+.return-settings-btn {
+	width: 90%;
+}
+
+.advanced-settings-btn {
+	width: 100%;
+}
+
 .return-settings-btn {
 	margin: 10px auto;
 }
@@ -698,7 +714,16 @@ div.group-content .group-description {
   .rate-the-plugin {
     margin-left: -8%;
   }
+}
 
-
+@media screen and (max-width: 782px) {
+.button.button-primary.file-wrapper.computer-btn, #remote-file, #existing-chart {
+		padding: 0 10px 1px;
+    line-height: 26px;
+    font-size: 13px;
+    vertical-align: middle;
+    height: 28px;
+    margin-bottom: 4px;
+	}
 
 }