Resizes UI elements for default zoom level

indie_label_svelte/public/global.css

@@ -2,6 +2,7 @@ html, body {
 	position: relative;
 	width: 100%;
 	height: 100%;
+	font-size: 12px;
 }
 
 * {
@@ -88,13 +89,13 @@ h3 {
 }
 h5 {
 	color: rgb(80, 80, 80);
-	font-size: 25px;
+	font-size: 20px;
 }
 h6 {
 	margin-top: 50px;
 	margin-bottom: 20px;
 	text-transform: uppercase;
-	font-size: 18px;
+	font-size: 16px;
 }
 
 .head_3 {
@@ -107,7 +108,7 @@ h6 {
 
 .head_5 {
 	color: rgb(80, 80, 80);
-	font-size: 24px;
+	font-size: 20px;
 	font-weight: bold;
 	margin-top: 25px;
 	margin-bottom: 25px;
@@ -117,7 +118,7 @@ h6 {
 	color: rgb(80, 80, 80);
 	text-transform: uppercase;
 	font-weight: bold;
-	font-size: 18px;
+	font-size: 16px;
 	margin-top: 25px;
 	margin-bottom: 25px;
 }
@@ -125,7 +126,7 @@ h6 {
 .head_6_non_cap {
 	color: rgb(80, 80, 80);
 	font-weight: bold;
-	font-size: 18px;
+	font-size: 16px;
 	margin-top: 25px;
 	margin-bottom: 25px;
 }
@@ -234,6 +235,10 @@ table {
 	overflow-y: scroll;
 }
 
+.page_header {
+	height: 64px !important;
+}
+
 .tab_header {
 	position: fixed;
 	background-color: #e3d6fd;
@@ -242,6 +247,11 @@ table {
 	/* border-bottom: 1px solid grey; */
 }
 
+.tab_header span {
+	font-size: 14px;
+	line-height: normal !important;
+}
+
 .label_table {
 	height: 750px;
 	overflow-y: scroll;
@@ -279,6 +289,7 @@ table {
 
 .audit_section {
 	padding-top: 40px;
+	width: 100%;
 }
 
 .comment_table_small {

indie_label_svelte/src/Auditing.svelte

@@ -425,7 +425,7 @@
                             clusters={clusters} 
                             model={personalized_model} 
                             data={cluster_results} 
-                            table_width_pct={90}
+                            table_width_pct={100}
                             table_id={"main"}
                             use_model={use_model}
                             bind:evidence={evidence} 

indie_label_svelte/src/ClusterResults.svelte

@@ -35,6 +35,7 @@
     export let evidence;
     export let table_id;
     export let use_model = true;
+    export let show_agree_disagree = false;
 
     let N_COMMENTS = 500;
     let show_num_ratings = false;
@@ -323,8 +324,10 @@
                     <Cell>Potential toxicity<br>categories</Cell>
                     {/if}
                     {/if}
-
+                    
+                    {#if show_agree_disagree}
                     <Cell>Do you agree<br>with the system?</Cell>
+                    {/if}
 
                     {#if !show_checkboxes}
                     <Cell>Remove</Cell>
@@ -396,7 +399,8 @@
                         </Cell>
                         {/if}
                         {/if}
-
+                        
+                        {#if show_agree_disagree}
                         <Cell>
                             <div>
                                 <FormField>
@@ -417,6 +421,7 @@
                                 </FormField>
                             </div>
                         </Cell>
+                        {/if}
 
                         {#if !show_checkboxes}
                         <Cell>

indie_label_svelte/src/HypothesisPanel.svelte

@@ -230,7 +230,7 @@
         <div class="panel_header_content">
             <div class="page_header">
                 <!-- <span class="page_title">IndieLabel</span> -->
-                <img src="/logo.png" style="height: 60px; padding: 0px 20px;" alt="IndieLabel" />
+                <img src="/logo.png" style="height: 50px; padding: 0px 20px;" alt="IndieLabel" />
                 <Button on:click={() => (user_dialog_open = true)} class="user_button" color="secondary" style="margin: 12px 10px;" >
                     <Label>User: {cur_user}</Label>
                 </Button>