X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=ecomp-portal-FE-common%2Fclient%2Fapp%2Fviews%2Fmicroservice-onboarding%2Fmicroservice-add-details%2Fmicroservice-add-details.html;h=5a8326b60190a5c4cba25b37f111c9ebb40723f0;hb=978dbcf0a196acbafad72fe1e2478ec0e384f02f;hp=40b6fb30a8f0c1344957a1bab548595b2c8813e2;hpb=bc7350dce5b7b1dcd1c472a3922b42c4ea99809d;p=portal.git

diff --git a/ecomp-portal-FE-common/client/app/views/microservice-onboarding/microservice-add-details/microservice-add-details.html b/ecomp-portal-FE-common/client/app/views/microservice-onboarding/microservice-add-details/microservice-add-details.html
index 40b6fb30..5a8326b6 100644
--- a/ecomp-portal-FE-common/client/app/views/microservice-onboarding/microservice-add-details/microservice-add-details.html
+++ b/ecomp-portal-FE-common/client/app/views/microservice-onboarding/microservice-add-details/microservice-add-details.html
@@ -17,9 +17,29 @@
   limitations under the License.
   ================================================================================
   -->
+  <style>
+  .table-search-fields{
+   margin-left: 248px !important;
+    position: absolute !important;
+    margin-top: -36px !important;
+    width:50% !important;
+  }
+   .table-search-field{
+    width:50% !important;
+  }
+  </style>
 <div class="microservice-add-details-model">
-	<div id="microservice-add-details-title" class="title">Microservice Details</div>
 
+		<div class="b2b-modal-header">
+			<h2 class="title" id="microservice-add-details-title">Microservice Details</h2>
+
+			<div class="corner-button in">
+				<button type="button" class="close" aria-label="Close" id="microservicedetails-button-cancel"
+					ng-click="$dismiss('cancel')"></button>
+			</div>
+		</div>
+
+		<div class="b2b-modal-body">
 	<div id="microservices" class="microservice-scrolling-table">
 		<div class="microservice-properties-main"
 			scroll-top="microserviceAddDetails.scrollApi">
@@ -112,7 +132,7 @@
 					<div class="item-label">Security Type</div>
 					<div class="service-select">					
 						<div class="table-dropdown">
-							<select id="microservice-details-input-security-type" name="microservice-details-input-security-type" b2b-dropdown placeholder-text="Select Application" ng-model="microserviceAddDetails.service.security.name" ng-change="microserviceAddDetails.updateApp()">
+							<select id="microservice-details-input-security-type" name="microservice-details-input-security-type" b2b-dropdown placeholder-text="Select Security Type" ng-model="microserviceAddDetails.service.security.name" ng-change="microserviceAddDetails.updateApp()">
 				            	<option b2b-dropdown-list option-repeat="d in microserviceAddDetails.availableSecurityTypes" value="{{d.name}}">{{d.name}}</option>				            	
 				            </select>
 						</div>
@@ -158,7 +178,7 @@
 						ng-click="microserviceAddDetails.addParameter()"></div>
 				</div>
 				<div class="item">
-					<div class="para-label-item-left"
+					<div class="param-label-item-left"
 						ng-show="microserviceAddDetails.service.parameterList.length > 0">
 						Parameter Key</div>
 					<div class="para-label-item-right"
@@ -168,14 +188,14 @@
 					<div id="microservice-details-user-paramters"
 						ng-repeat="parameter in microserviceAddDetails.service.parameterList">
 
-						<div class="para-item-left">
+						<div class="param-item-left">
 							<input id="microservice-details-input-user-parameter-key"
 								class="table-search-field" type="text" name="param-key" maxlength="200"
 								ng-model="parameter.para_key" />
 						</div>
-						<div class="para-item-middle">
+						<div class="param-item-middle">
 							<input id="microservice-details-input-user-parameter-value"
-								class="table-search-field" type="text" name="param-value"
+								class="table-search-fields" type="text" name="param-value"
 								maxlength="200" ng-model="parameter.para_value" />
 						</div>
 
@@ -184,28 +204,38 @@
 					</div>
 
 					<div class="microservice-property">
-						<input id="microservices-checkbox-app-is-enabled" type="checkbox"
-							class="checkbox-field"
-							ng-model="microserviceAddDetails.service.active" />
-						<div class="property-label checkbox-label">Active</div>
+						<label for="microservices-checkbox-app-is-enabled" class="checkbox"> 
+		                	<input type="checkbox" ng-model="microserviceAddDetails.service.active" id="microservices-checkbox-app-is-enabled" > 
+		                	<i class="skin"></i> 
+		                	<span class="property-label checkbox-label">Active</span> 
+		            	</label>	
 					</div>
 					
 				</div>
 					
 				<div id="microservice-scroll-end"></div>
-				<div class="dialog-control">
-					<button class="btn btn-alt btn-small" id="microservice-details-save-button" ng-click="microserviceAddDetails.saveChanges()">Save</button>				
-					<button class="btn btn-alt btn-small" id="microservice-details-close-button" ng-click="microserviceAddDetails.closeThisDialog()">Close</button>	
-				</div>
+				
 			</form>
 		</div>
 
 
 	</div>
+			</div>
+			<br>
+			<div class="b2b-modal-footer">
+				<div class="cta-button-group cta-modal-footer-flex">		
+					<button class="btn btn-alt btn-small" id="microservice-details-save-button" ng-click="microserviceAddDetails.saveChanges()">Save</button>				
+					<button class="btn btn-alt btn-small" id="microservice-details-close-button" ng-click="$dismiss('cancel')">Close</button>	
+				</div>
+			</div>
+			
+			
+			
+
 </div>
 
 <script>
 $(document).ready(function(){
     $(".ngdialog-close").attr('id','dialog-close');
 });
-</script>
+</script>
\ No newline at end of file