From bed108952bf8dfa8cd592a5f91b530725361f7b3 Mon Sep 17 00:00:00 2001
From: Nikiforov Alexey <nik-alekcey@yandex.ua>
Date: Mon, 4 May 2020 22:52:22 +0300
Subject: [PATCH] Add word-break to source-project column (#440)

---
 src/Microsoft.Tye.Hosting/Dashboard/Pages/Index.razor | 4 ++--
 src/Microsoft.Tye.Hosting/wwwroot/css/site.css        | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/Microsoft.Tye.Hosting/Dashboard/Pages/Index.razor b/src/Microsoft.Tye.Hosting/Dashboard/Pages/Index.razor
index 635c0ed1..8b9970b4 100644
--- a/src/Microsoft.Tye.Hosting/Dashboard/Pages/Index.razor
+++ b/src/Microsoft.Tye.Hosting/Dashboard/Pages/Index.razor
@@ -3,7 +3,7 @@
 @implements IDisposable
 
 <h1>Services</h1>
-<table class="table">
+<table class="table service-table">
     <thead>
         <tr>
             <th>Name</th>
@@ -25,7 +25,7 @@
                 <td>
                     @service.ServiceType
                 </td>
-                <td>
+                <td class="source-project">
                     @if (service.Description.RunInfo is ProjectRunInfo project)
                     {
                         <p>@project.ProjectFile.FullName</p>
diff --git a/src/Microsoft.Tye.Hosting/wwwroot/css/site.css b/src/Microsoft.Tye.Hosting/wwwroot/css/site.css
index 169ceb6a..08e40c64 100644
--- a/src/Microsoft.Tye.Hosting/wwwroot/css/site.css
+++ b/src/Microsoft.Tye.Hosting/wwwroot/css/site.css
@@ -126,6 +126,11 @@ button.navbar-toggler:hover {
     padding-top: 1.1rem;
 }
 
+.content .service-table .source-project {
+    word-break: break-all;
+    min-width: 250px;
+}
+
 .navbar-toggler {
     background-color: rgba(255, 255, 255, 0.1);
 }