Merge pull request #801 from harsha89/master

design api page style fixes

Author: harsha89

features/apimgt/org.wso2.carbon.apimgt.core.feature/src/main/resources/repository/database/WSO2AM_DB.h2.db

@@ -3,7 +3,9 @@
 }
 #resource_url_pattern_refix {
     font-weight: bold;
+    float: left;
     font-size: 11px;
+    margin-left: 12px;
 }
 .multiselect-container{
     top:35px;
@@ -153,7 +155,7 @@ label {
     background-color: #1965b2;
 }
 .chk-lbe{width: 100px; float: left;}
-.margin-left-chk{margin-left: 79px;}
+.margin-left-chk{margin-left: 335px;}
 #add_resource{float: left;  margin-left: 15px;}
 .resource_url_pattern{height: 35px; border: 1px solid #cccccc; }
 
@@ -279,3 +281,11 @@ button.btn-api-del {
     background:url('../imgs/icons/ico-users.png') 0.8em 1em no-repeat;
 }
 
+.context-area {
+    display: table;
+    width: 100px;
+    height: 35px;
+    background: #b6bcbd;
+    padding-top: 11px;
+}
+

features/apimgt/org.wso2.carbon.apimgt.publisher.feature/src/main/resources/extensions/publisher/assets/api/themes/default/css/apim_common.css

@@ -270,7 +270,7 @@
             <a  href="#wsdlUpload" role="button" class="btn pull-right" data-toggle="modal" ><i class="icon-download-alt" ></i> {{t "Import"}} </a>
             <legend>{{t "API Definition "}}</legend>
             <div class="control-group api_wsdl">
-                <label class="control-label" for="wsdl">{{t "WSDL"}}:</label>
+                <label class="control-label custom-form-label col-lg-2" for="wsdl">{{t "WSDL"}}:</label>
                 <div class="controls">
                 <div class="input-append">
                 <input type="text" class="input-xlarge validInput" id="wsdl" name="wsdl"  value="{{apiMetaData.wsdl}}" />
@@ -287,7 +287,7 @@
 				<a  href="#wsdlUpload" role="button" class="btn pull-right" data-toggle="modal" ><i class="icon-download-alt" ></i> {{t "Import"}} </a>
 				<legend>{{t "API Definition "}}</legend>
 			<div class="control-group api_wsdl">
-				<label class="control-label" for="wsdl">{{t "WSDL"}}:</label>
+				<label class="control-label custom-form-label col-lg-2" for="wsdl">{{t "WSDL"}}:</label>
 				<div class="controls">
 					<div class="input-append">
 						<input type="text" class="input-xlarge validInput" id="wsdl" name="wsdl"  value="{{api.wsdl}}" />
@@ -305,13 +305,13 @@
 						<legend>API Definition</legend>
 						<div class="resource_create">
 							<div class="control-group">
-								<label class="control-label" for="inputPassword">URL Pattern</label>
+								<label class="control-label custom-form-label col-lg-2" for="inputPassword">URL Pattern</label>
 								<div class="controls">
 									<div class="input-prepend">
 										{{#if api}}
 											<span class="add-on" id="resource_url_pattern_refix">{{api.context}}</span>
 										{{else}}
-											<span class="add-on" id="resource_url_pattern_refix">/{context}/{version}/</span>
+											<span class="context-area add-on" id="resource_url_pattern_refix">/{context}/{version}/</span>
 										{{/if}}
 										<input style="width:500px" id="resource_url_pattern" type="text" placeholder="Url Pattern Ex: path/to/resource" class="resource_url_pattern"/>
 									</div>
@@ -331,13 +331,13 @@
 						<legend>API Definition</legend>
 						<div class="resource_create">
 							<div class="control-group">
-								<label class="control-label" for="inputPassword">URL Pattern</label>
+								<label class="control-label custom-form-label col-lg-2" for="inputPassword">URL Pattern</label>
 								<div class="controls">
 									<div class="input-prepend">
 										{{#if api}}
 											<span class="add-on" id="resource_url_pattern_refix">{{api.context}}</span>
 										{{else}}
-											<span class="add-on" id="resource_url_pattern_refix">/{context}/{version}/</span>
+											<span class="context-area add-on" id="resource_url_pattern_refix">/{context}/{version}/</span>
 										{{/if}}
 										<input style="width:500px" id="resource_url_pattern" type="text" placeholder="Url Pattern Ex: path/to/resource" class="resource_url_pattern"/>
 									</div>