Move "Production" marker in connections list to the right

tareqimbasher · Aug 31, 2024 · 16e851e · 16e851e
1 parent 0f1530b
commit 16e851e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/...App/src/core/@application/data-connections/data-connection-name/data-connection-name.html b/...App/src/core/@application/data-connections/data-connection-name/data-connection-name.html
@@ -4,7 +4,5 @@
             <img src.bind="iconUrl" style="max-height: 1.2rem;"/>
         </span>
         ${connection.name}
-        <span class="production-marker rounded-pill badge"
-              show.bind="connection.containsProductionData">Production</span>
     </div>
 </template>
diff --git a/....Apps.App/App/src/windows/main/panes/explorer/data-connections/data-connections-list.html b/....Apps.App/App/src/windows/main/panes/explorer/data-connections/data-connections-list.html
@@ -34,14 +34,20 @@ <h6>
                                               dragstart.trigger="connectionDragged($event)"
                                               data-connection-id="${connectionViewModel.connection.id}"></data-connection-name>
                     </div>
-                    <span class="badge bg-secondary rounded-pill ms-2" if.bind="connectionViewModel.loadingMessage">
-                        ${connectionViewModel.loadingMessage}...
-                    </span>
-                    <span class="badge bg-danger rounded-pill ms-2 text-truncate data-connection-error"
-                          if.bind="!connectionViewModel.loadingMessage && connectionViewModel.error"
-                          title.bind="'(Click to copy to clipboard)\n\n' + connectionViewModel.error"
-                          click.trigger="copyToClipboard(connectionViewModel.error)">
-                        ${connectionViewModel.error}
+                    <span class="pe-2">
+                        <span class="badge bg-secondary rounded-pill ms-2" if.bind="connectionViewModel.loadingMessage">
+                            ${connectionViewModel.loadingMessage}...
+                        </span>
+                        <span class="badge bg-danger rounded-pill ms-2 text-truncate data-connection-error"
+                              if.bind="!connectionViewModel.loadingMessage && connectionViewModel.error"
+                              title.bind="'(Click to copy to clipboard)\n\n' + connectionViewModel.error"
+                              click.trigger="copyToClipboard(connectionViewModel.error)">
+                            ${connectionViewModel.error}
+                        </span>
+                        <span class="badge bg-orange text-white rounded-pill ms-2"
+                              if.bind="connectionViewModel.connection.containsProductionData">
+                            Production
+                        </span>
                     </span>
                 </div>