Added styling to url list

src/Umbraco.Web.UI.Client/src/less/components/umb-packages.less

@@ -331,6 +331,11 @@
     width: 100%;
 }
 
+.umb-era-button.umb-button--s {
+    height: 30px;
+    font-size: 13px;
+}
+
 
 /* CATEGORIES */
 

src/Umbraco.Web.UI.Client/src/less/components/umb-table.less

@@ -3,6 +3,8 @@
     display: flex;
     flex-direction: column;
 
+    position: relative;
+
     border: 1px solid @grayLight;
 
     flex-wrap: nowrap;
@@ -11,6 +13,25 @@
     min-width: 640px;
 }
 
+.umb-table.umb-table-inactive {
+
+    &:before {
+        content: "";
+        background: rgba(255, 255, 255, 0.8);
+
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        
+        z-index: 10;
+
+        outline: 1px solid rgba(255, 255, 255, 0.8);
+    }
+
+}
+
 .umb-table a {
     text-decoration: none;
     cursor: pointer;
@@ -93,6 +114,14 @@ input.umb-table__input {
     }
 }
 
+.umb-table-body .umb-table-row.-solid {
+    cursor: default;
+
+    &:hover {
+        background-color: white;
+    }
+}
+
 .umb-table-body__link {
     text-decoration: none;
 
@@ -183,6 +212,8 @@ input.umb-table__input {
     user-select: none;
 }
 
+
+
 .umb-table-row.-selected,
 .umb-table-row.-selected:hover {
     background-color: fade(@blueDark, 4%);

src/Umbraco.Web.UI.Client/src/views/dashboard/developer/redirecturls.html

@@ -11,7 +11,7 @@
                 <button
                     ng-if="vm.dashboard.UrlTrackerDisabled === false"
                     type="button"
-                    class="umb-era-button"
+                    class="umb-era-button umb-button--s"
                     ng-click="vm.disableUrlTracker()">
                     <span>Disable URL Tracker</span>
                 </button>
@@ -19,7 +19,7 @@
                 <button
                     ng-if="vm.dashboard.UrlTrackerDisabled === true"
                     type="button"
-                    class="umb-era-button"
+                    class="umb-era-button umb-button--s"
                     ng-click="vm.enableUrlTracker()">
                     <span>Enable URL Tracker</span>
                 </button>
@@ -55,27 +55,27 @@
 
         <div class="umb-table-body">
 
-            <div class="umb-table-row" ng-repeat="redirectUrl in vm.redirectUrls">
+            <div class="umb-table-row -solid" ng-repeat="redirectUrl in vm.redirectUrls">
 
                 <div class="umb-table-cell">
                     <i class="umb-table-body__icon umb-table-body__fileicon icon-shuffle"></i>
                 </div>
 
                 <div class="umb-table-cell">
-                    <a href="{{redirectUrl.Url}}" title="{{redirectUrl.Url}}">{{redirectUrl.Url}}</a>
+                    <a class="umb-table-body__link" href="{{redirectUrl.Url}}" title="{{redirectUrl.Url}}">{{redirectUrl.Url}}</a>
                 </div>
 
                 <div class="umb-table-cell">
-                    <a href="{{redirectUrl.ContentUrl}}" title="{{redirectUrl.ContentUrl}}">{{redirectUrl.ContentUrl}}</a>
+                    <a class="umb-table-body__link" href="{{redirectUrl.ContentUrl}}" title="{{redirectUrl.ContentUrl}}">{{redirectUrl.ContentUrl}}</a>
                 </div>
 
                 <div class="umb-table-cell">
                     {{redirectUrl.CreateDateUtc | date:'medium'}}
                 </div>
 
-                <div class="umb-table-cell">
-                    <a href="/umbraco/#/content/content/edit/{{redirectUrl.ContentId}}" class="umb-era-button -gray" style="margin-right: 10px;">Edit</a>
-                    <button class="umb-era-button -gray" ng-click="vm.removeRedirect(redirectUrl)">Remove</button>
+                <div class="umb-table-cell justify-end">
+                    <a href="/umbraco/#/content/content/edit/{{redirectUrl.ContentId}}" class="umb-era-button -gray umb-button--s" style="margin-right: 10px;">Edit</a>
+                    <button class="umb-era-button -gray umb-button--s" ng-click="vm.removeRedirect(redirectUrl)">Remove</button>
                 </div>
 
             </div>