From bb339aa8d7933b623621efdf5cbafa5024cad26c Mon Sep 17 00:00:00 2001
From: Zohaib Hassan <zohaib.hassan122@gamil.com>
Date: Mon, 24 Jul 2017 18:30:15 +0200
Subject: [PATCH] Fixed: #83 https://github.com/openbaton/dashboard/issues/83

---
 .../resources/static/dist/css/openbaton.css   | 18 +-----
 .../pages/nsdescriptors/nsdescriptors.html    | 58 +++++++++++--------
 2 files changed, 35 insertions(+), 41 deletions(-)

diff --git a/src/main/resources/static/dist/css/openbaton.css b/src/main/resources/static/dist/css/openbaton.css
index 9101ce469..3a1aa9f20 100644
--- a/src/main/resources/static/dist/css/openbaton.css
+++ b/src/main/resources/static/dist/css/openbaton.css
@@ -847,20 +847,6 @@ td p {
 .glyphicon-refresh-animate { -animation: spin .7s infinite linear;  -webkit-animation: spin2 .7s infinite linear; }
 @-webkit-keyframes spin2 { from { -webkit-transform: rotate(0deg);} to { -webkit-transform: rotate(360deg);} }
 @keyframes spin { from { transform: scale(1) rotate(0deg);} to { transform: scale(1) rotate(360deg);} }
-#vduTabletable textarea.form-control {
-    height: 34px;
-    border-radius: 0px;
-}
-#vduTabletable td {
-    padding: 0px !important;
-    border: none !important;
-}
-
-#vduTabletable .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
-    background-color: white;
-}
-.padding10{
-    padding-top: 10px;
-    padding-left: 10px;
-    padding-right: 10px;
+#vduTabletable .form-control[disabled], fieldset[disabled] .form-control {
+    cursor: default;
 }
\ No newline at end of file
diff --git a/src/main/resources/static/pages/nsdescriptors/nsdescriptors.html b/src/main/resources/static/pages/nsdescriptors/nsdescriptors.html
index 1f96644f6..5a8ab99f5 100644
--- a/src/main/resources/static/pages/nsdescriptors/nsdescriptors.html
+++ b/src/main/resources/static/pages/nsdescriptors/nsdescriptors.html
@@ -1502,40 +1502,48 @@ <h4 class="modal-title">{{nsdToSend.name}}</h4>
                                         </div>
                                     </div>
                                 </div>
-                                <div class="table-responsive">
-                                    <table class="table" id="vduTabletable">
+                                <table style="margin-bottom: 0px;" class="table table-responsive table-bordered table-striped table-hover" id="vduTabletable">
                                         <thead>
                                         <tr style="text-align: center">
-                                            <th> Configuration key</th>
-                                            <th> Configuration value</th>
-                                            <th>Description</th>
-                                            <th></th>
+                                            <th style="width: 50%;"> &nbsp; Configuration key</th>
+                                            <th> &nbsp;Configuration value</th>
                                         </tr>
                                         </thead>
+                                    </table>
+                                    <table class="table table-bordered table-striped table-hover" id="vduTabletable">
                                         <tbody>
                                         <tr ng-repeat="conf in launchConfiguration.configurations[vnfdname].configurationParameters track by $index">
-                                            <td><input style="font-weight: bold;" ng-disabled="conf.id.length > 0" type="text" class="form-control"
-                                                       id="Configuration Name" ng-model="conf.confKey"
-                                            /></td>
-                                            <td><input type="text" class="form-control" id="Configuration Name"
-                                                       ng-model="conf.value"
-                                            /></td>
-
-                                            <td><textarea ng-disabled="conf.id.length > 0"
-                                                          style="width:100%; resize:vertical;" name="Description"
-                                                          ng-model="conf.description" id="conf.description"
-                                                          title="Here you can put a human readable description"
-                                                          class="form-control">
-                                </textarea></td>
-                                            <td style="padding-left: 5px;"><a ng-disabled="conf.id.length > 0"
-                                                                              ng-hide="conf.id.length > 0" type="button"
-                                                                              ng-click="removeConf($index, vnfdname)">
-                                                <i class="fa fa-trash-o fa-lg padding10 text-danger"
-                                                   aria-hidden="true"></i></a></td>
+                                            <td>
+                                                <table class="col-md-12">
+                                                    <tr>
+                                                        <td style="border: none !important;"> <input placeholder="Configuration Key" ng-disabled="conf.id.length > 0" type="text" class="form-control"
+                                                                    id="Configuration Name" ng-model="conf.confKey"
+                                                        /></td>
+                                                        <td style="border: none !important;"><input placeholder="Configuration Key Value" type="text" class="form-control" id="Configuration Name"
+                                                                   ng-model="conf.value"
+                                                        />
+                                                        </td>
+                                                    </tr>
+                                                    <tr>
+                                                        <td style="border: none !important;" colspan="2">
+                                                            <textarea ng-disabled="conf.id.length > 0"
+                                                                      style="width:100%; resize:vertical;" name="Description"
+                                                                      ng-model="conf.description" id="conf.description"
+                                                                      placeholder="Description"
+                                                                      class="form-control">
+                                </textarea>
+                                                            <br ng-hide="conf.id.length > 0">
+                                                            <button class="btn btn-danger" ng-disabled="conf.id.length > 0"
+                                                                    ng-hide="conf.id.length > 0" type="button"
+                                                                    ng-click="removeConf($index, vnfdname)">
+                                                                Delete</button>
+                                                        </td>
+                                                    </tr>
+                                                </table>
+                                            </td>
                                         </tr>
                                         </tbody>
                                     </table>
-                                </div>
                                 <a type="button" class="btn btn-primary" ng-click="addConftoLaunch(vnfdname)">Add
                                     Parameter</a>
                             </tab>