Fix for overlapping vnf name

Remove 'position' tag from vnf-versions-name class as it blocks text wrapping

Change-Id: Ic2e4bfedb0f1bc8a9b1a59769c73caec7d7388b7
Issue-ID: VID-506
Signed-off-by: Wojciech Sliwka <wojciech.sliwka@nokia.com>

diff --git a/vid-app-common/src/main/webapp/app/vid/scripts/modals/new-change-management/new-change-management.html b/vid-app-common/src/main/webapp/app/vid/scripts/modals/new-change-management/new-change-management.html
index 1c91ba5..611b8e5 100644 (file)
--- a/vid-app-common/src/main/webapp/app/vid/scripts/modals/new-change-management/new-change-management.html
+++ b/vid-app-common/src/main/webapp/app/vid/scripts/modals/new-change-management/new-change-management.html
@@ -65,9 +65,9 @@
                             <option ng-repeat="version in vnfName.availableVersions">{{version.modelInfo.modelVersion}}</option>
                         </select>
                     </td>
-                    <td class="col-md-1 vnf-versions-name">
+                    <td class="col-md-1 vnf-versions-file">
                         <input ng-model="vnfName.filePath" onchange="angular.element(this).scope().selectFileForVNFName(this)" type="file" id="{{vnfName['invariant-id']}}" class="vnf-files-select" />
-                        <span class="vnf-versions-name">Select File<span class="caret"></span></span></td>
+                        <span class="vnf-versions-file">Select File<span class="caret"></span></span></td>
                 </tr>
                 </tbody>
             </table>

diff --git a/vid-app-common/src/main/webapp/app/vid/styles/modal-create-new.css b/vid-app-common/src/main/webapp/app/vid/styles/modal-create-new.css
index 9c6a069..92ed6aa 100644 (file)
--- a/vid-app-common/src/main/webapp/app/vid/styles/modal-create-new.css
+++ b/vid-app-common/src/main/webapp/app/vid/styles/modal-create-new.css
@@ -192,9 +192,12 @@ a.item-unselected:before {
 .vnf-versions-name {
     padding-top: 6px;
     font-family: "OpenSans-Regular";
+}
+.vnf-versions-file {
+    padding-top: 6px;
+    font-family: "OpenSans-Regular";
     position: absolute;
 }
-
 .vnf-versions-select-as-text {
     font-family: "OpenSans-Regular";
     appearance: none;