Continued to refine ACLDialog

1 files changed, 43 insertions, 13 deletions

diff --git a/Pages/Component/AclDialog.razor.css b/Pages/Component/AclDialog.razor.css
index b98cc6d..74e405f 100644
--- a/Pages/Component/AclDialog.razor.css
+++ b/Pages/Component/AclDialog.razor.css
@@ -1,27 +1,57 @@
-div.container {
+div.vcontainer{ 
+    display:        flex;
+    flex-direction: column;
+    height:         100%;
+}
+
+div.hcontainer {
     display:        flex;
     flex-direction: row;
+    flex-grow:      1;
 }
 
-div.container > div {
-    width: 50%;
+div.hcontainer > div {
+    width:          50%;
+    flex-direction: column;
+    display:        flex;
 }
 
-div.container > div:first-child {
+div.hcontainer > div:first-child {
     border-right:  1px solid white;
     padding-right: 15px;
 }
 
-div.container > div:last-child {
+div.hcontainer > div:last-child {
     padding-left: 15px;
-    height: stretch;
 }
 
-div.container > div:last-child p {
-    vertical-align: middle;
+div.hcontainer > div > p {
+    margin:     auto 0 auto 0;
     text-align: center;
 }
 
+div.principal-select {
+    align-items:    center;
+    display:        flex;
+    flex-direction: row;
+}
+
+div.principal-select * {
+    margin: 0;
+}
+
+div.principal-select :not(:last-child) {
+    margin-right: 5px;
+}
+
+div.principal-select input[type="text"] {
+    flex-grow: 1;
+}
+
+div.hcontainer > div:last-child > label {
+    font-family: 'Lucida Console';
+}
+
 table p {
     margin: 8px 0 8px 0;
 }
@@ -31,10 +61,10 @@ table tr {
 }
 
 table td {
-    font-family:   'Lucida Console';
-    font-size:     8pt;
-    text-overflow: ellipsis;
     white-space:   nowrap;
+    text-overflow: ellipsis;
+    font-size:     8pt;
+    font-family:   'Lucida Console';
 }
 
 table td:last-child {
@@ -50,11 +80,11 @@ table tr:nth-child(2n+1) td:not(:first-child) {
 }
 
 table td:nth-child(2n) {
-    white-space: nowrap;
     width:       1px;
+    white-space: nowrap;
 }
 
 table td > div {
-    margin: auto;
     width:  min-content;
+    margin: auto;
 }
\ No newline at end of file