From 9e80037e72fa9ed53cabe93eee52dce7927b3788 Mon Sep 17 00:00:00 2001
From: Ranjan Purbey <ranjan.purbey@gmail.com>
Date: Mon, 5 Oct 2020 03:30:13 +0530
Subject: [PATCH] style(containers): fix word-break on container details table
 (#4359)

Co-authored-by: Rajesh Swarna <rajeshswarna123@gmail.com>
Co-authored-by: naveenrayudu <naveenkumar.rayudu@gmail.com>
Co-authored-by: Ranjan Purbey <ranjan.purbey@gmail.com>

Co-authored-by: Rajesh Swarna <rajeshswarna123@gmail.com>
Co-authored-by: naveenrayudu <naveenkumar.rayudu@gmail.com>
---
 app/assets/css/app.css                          | 5 +++++
 app/docker/views/containers/edit/container.html | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/assets/css/app.css b/app/assets/css/app.css
index 0e77532d6..d42b10ee0 100644
--- a/app/assets/css/app.css
+++ b/app/assets/css/app.css
@@ -178,6 +178,11 @@ a[ng-click] {
   word-break: break-word;
 }
 
+.widget .widget-body table.container-details-table > tbody > tr > td:first-child {
+  word-break: normal;
+  text-transform: uppercase;
+}
+
 .widget .widget-body table.description-table {
   table-layout: fixed;
 }
diff --git a/app/docker/views/containers/edit/container.html b/app/docker/views/containers/edit/container.html
index 506336170..9506a865a 100644
--- a/app/docker/views/containers/edit/container.html
+++ b/app/docker/views/containers/edit/container.html
@@ -214,7 +214,7 @@
     <rd-widget>
       <rd-widget-header icon="fa-server" title-text="Container details"></rd-widget-header>
       <rd-widget-body classes="no-padding">
-        <table class="table">
+        <table class="table container-details-table">
           <tbody>
             <tr>
               <td>Image</td>