Fix the font-size problem.

client/pages/Problems.svelte

@@ -38,7 +38,6 @@
   }
 
   card * {
-    font-size: 1em;
     background-color: var(--value9);
   }
 
@@ -49,7 +48,6 @@
   }
 
   table#problem-list {
-    font-size: 1em;
     border: none;
   }
 
@@ -79,6 +77,11 @@
     padding: 2px;
     font-size: 0.7em;
   }
+
+  button#pick-one {
+    font-size: 0.9em;
+    white-space: nowrap;
+  }
 </style>
 
 <Layout centered={ true }>
@@ -104,7 +107,7 @@
         <block class="horizontal">
           <input type="text" placeholder="Search">
 
-          <button>Pick One</button>
+          <button id="pick-one">Pick One</button>
         </block>
         <table id="problem-list">
           <tr><th>Title</th><th>Solution</th><th>Acceptance</th></tr>
@@ -129,13 +132,13 @@
           <top><h6>Featured Lists</h6></top>
           <middle>
             <tile>
-              <left><Icon name="laptop" size="36" /></left><middle>Study Plan</middle><right>&gt;</right>
+              <left><Icon name="laptop" size="24" /></left><middle>Study Plan</middle><right>&gt;</right>
             </tile>
             <tile>
-              <left><Icon name="calendar" size="36" /></left><middle>Study Plan</middle><right>&gt;</right>
+              <left><Icon name="calendar" size="24" /></left><middle>Study Plan</middle><right>&gt;</right>
             </tile>
             <tile>
-              <left><Icon name="facebook" size="36" /></left><middle>Study Plan</middle><right>&gt;</right>
+              <left><Icon name="facebook" size="24" /></left><middle>Study Plan</middle><right>&gt;</right>
             </tile>
           </middle>
           <bottom>
@@ -144,7 +147,6 @@
         </card>
 
         <shape style="--w: 300px; --h: 350px; --value: 7; --text: 1;">
-          Calendar
         </shape>
 
         <card>

static/blockstart.css

@@ -41,7 +41,6 @@ blockstart {
 }
 
 blockstart * {
-  font-size: 1.1em;
 }
 
 blockstart > * + * {