Upload app.py

app.py

@@ -219,8 +219,6 @@ def create_overall_summary(model_data, selected_categories):
     for category in sorted_categories:
         info = category_completion[category]
         category_name = category.split('. ', 1)[1] if '. ' in category else category
-        # remove last word from category_name
-        category_name = ' '.join(category_name.split(' ')[:-1])
         
         # Determine display text and style
         if info['is_na']:
@@ -993,16 +991,21 @@ css = """
 }
 
 .category-completion-item {
+    display: flex;
+    flex-direction: column;
     background-color: #f8f9fa;
     border-radius: 8px;
     padding: 12px;
+    min-height: 86px; /* Set consistent height */
 }
 
 .category-name {
+    flex: 1;
     font-size: 0.9em;
     font-weight: 500;
-    margin-bottom: 8px;
     color: #555;
+    margin-bottom: 8px;
+    line-height: 1.3;
 }
 
 .completion-bar-container {
@@ -1011,6 +1014,7 @@ css = """
     border-radius: 12px;
     position: relative;
     overflow: hidden;
+    margin-top: auto; /* Push to bottom */
 }
 
 .completion-bar {
@@ -1029,6 +1033,7 @@ css = """
     color: #333;
 }
 
+/* Dark mode adjustments */
 .dark .category-completion-item {
     background-color: #2a2a2a;
 }
@@ -1048,10 +1053,6 @@ css = """
 .dark .completion-text {
     color: #fff;
 }
-.completion-bar-container.not-selected {
-    opacity: 0.5;
-    background-color: #f0f0f0;
-}
 
 .completion-bar-container.na {
     background-color: #f0f0f0;
@@ -1059,7 +1060,7 @@ css = """
 
 .completion-bar-container.na .completion-bar {
     background-color: #999;
-    width: 0 !important;  /* Ensure no bar shows for N/A */
+    width: 0 !important;
 }
 
 .dark .completion-bar-container.na {
@@ -1069,33 +1070,6 @@ css = """
 .dark .completion-bar-container.na .completion-bar {
     background-color: #666;
 }
-
-.category-completion-item {
-    background-color: #f8f9fa;
-    border-radius: 8px;
-    padding: 12px;
-    height: 80px;
-    display: grid;
-    grid-template-rows: 1fr auto;
-    gap: 8px;
-}
-
-.category-name {
-    font-size: 0.9em;
-    font-weight: 500;
-    color: #555;
-    align-self: start;
-    line-height: 1.3;
-}
-
-.completion-bar-container {
-    height: 24px;
-    background-color: #eee;
-    border-radius: 12px;
-    position: relative;
-    overflow: hidden;
-    align-self: end;
-}
 """
 
 first_model = next(iter(models.values()))