Fix textinput, validate button, dateinput

Author: roshni73

app/src/components/Navbar/CountryDropdown/styles.module.css

@@ -4,7 +4,7 @@
     padding: var(--go-ui-spacing-md);
     max-width: 64rem;
     min-height: 16rem;
-    gap: var(--go-ui-spacing-md);
+    gap: var(--go-ui-spacing-sm);
     overflow: auto;
 
     .region-list {

app/src/components/domain/ActiveOperationMap/index.tsx

@@ -425,14 +425,17 @@ function ActiveOperationMap(props: Props) {
                         value={rawFilter.displacement}
                         onChange={setFilterField}
                     />
-                    <Button
-                        name={undefined}
-                        onClick={handleClearFiltersButtonclick}
-                        variant="secondary"
-                        disabled={!filtered}
-                    >
-                        {strings.operationMapClearFilters}
-                    </Button>
+                    <div className={styles.filterActions}>
+                        <Button
+                            name={undefined}
+                            onClick={handleClearFiltersButtonclick}
+                            variant="secondary"
+                            disabled={!filtered}
+                        >
+                            {strings.operationMapClearFilters}
+                        </Button>
+                    </div>
+
                 </>
             )}
             actions={!presentationMode && (

app/src/components/domain/ActiveOperationMap/styles.module.css

@@ -7,6 +7,10 @@
             top: var(--go-ui-spacing-md);
             left: var(--go-ui-spacing-md);
         }
+     
+    }
+    .filter-actions {
+        align-self: end;
     }
 
     .map-container {

app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitValidateButton/styles.module.css

@@ -5,6 +5,7 @@
 }
 
 .local-unit-validated-button {
+    align-items: center;
     border: none;
     background-color: var(--go-ui-color-gray-40);
 

packages/ui/src/components/Button/styles.module.css

@@ -19,7 +19,6 @@
     width: fit-content;
     max-width: 100%;
     overflow: hidden;
-    text-align: center;
     text-transform: var(--text-transform);
     line-height: var(--go-ui-line-height-md);
     color: var(--color-text);
@@ -45,7 +44,6 @@
     &.primary,
     &.secondary {
         min-width: calc(var(--base-spacing) * 6.5);
-
         .children {
             text-align: center;
         }

packages/ui/src/components/DropdownMenu/styles.module.css

@@ -17,5 +17,5 @@
 .dropdown-content {
     display: flex;
     flex-direction: column;
-    padding-left: var(--go-ui-spacing-lg);
+    padding: var(--go-ui-spacing-sm) 0;
 }

packages/ui/src/components/InputContainer/styles.module.css

@@ -10,7 +10,6 @@
         padding: 0 var(--go-ui-spacing-sm);
 
         .input {
-            padding-left:12px;
             height: var(--go-ui-height-compact-status-icon);
         }
     }

packages/ui/src/components/InputLabel/styles.module.css

@@ -2,6 +2,7 @@
     display: flex;
     color: var(--go-ui-color-gray-70);
     gap: var(--go-ui-spacing-xs);
+    padding-left: 12px;
 
     &.disabled {
         color: var(--go-ui-color-gray-40);