dates on the same line

index.html

@@ -7,18 +7,11 @@
       <h2 class="lg bold">Brian Sakal</h2>
     </section>
     <section class="contact-info">
-      <section class="address">
+      <ul class="inline">
-        <label class="bold">Address</label>
+        <li>Passaic, NJ</li>
-        <div>
+        <li>305-930-0248</li>
-          225 Van Houten Ave.<br />
+        <li><a href="https://git.sakal.us/">Git</a></li>
-          Passaic, NJ 07055<br />
+      </ul>
-          (305) 930-0248<br />
-        </div>
-      </section>
-      <section class="email">
-        <label class="bold">Email</label>
-        <div>brian@sakal.us</div>
-      </section>
     </section>
     <section class="sections">
       <section class="employment">
@@ -31,11 +24,13 @@
         <div>
           <ul class="no-bullet">
             <li>
+              <div class="space-between">
                 <div>
                   <span class="bold">Senior Full-Stack Developer,</span>
                   <span>TorahAnytime.com, Flushing, NY</span>
                 </div>
                 <div class="italic right">June 2022–Present</div>
+              </div>
               <div>
                 <ul>
                   <li>
@@ -84,6 +79,7 @@
               </div>
             </li>
             <li>
+              <div class="space-between">
                 <div>
                   <span class="bold">Assistant Manager,</span>
                   <span
@@ -91,6 +87,7 @@
                   >
                 </div>
                 <div class="italic right">February 2020–June 2022</div>
+              </div>
               <div>
                 <ul>
                   <li>Kept accurate records of tenant rent payments.</li>
@@ -122,11 +119,13 @@
               </div>
             </li> -->
             <li>
+              <div class="space-between">
                 <div>
                   <span class="bold">Operations Manager,</span>
                   <span>Tax Opportunities America, Flushing, NY</span>
                 </div>
                 <div class="italic right">April 2014–May 2015</div>
+              </div>
               <div>
                 <ul>
                   <li>
@@ -142,6 +141,7 @@
               </div>
             </li>
             <li>
+              <div class="space-between">
                 <div>
                   <span class="bold">Representative,</span>
                   <span
@@ -150,6 +150,7 @@
                   >
                 </div>
                 <div class="italic right">2007–2009, 2010–2011</div>
+              </div>
               <div>
                 <ul>
                   <li>
@@ -207,9 +208,9 @@
               <div>
                 <span class="bold">Calendar Optimizer project</span>
                 <span
-                  >The beginnings of a stock options research platform. Frontend
+                  >Stock options research platform. Frontend uses Preact,
-                  uses Preact, backend application layer uses trpc, database is
+                  backend application layer uses trpc, database is Clickhouse.
-                  Clickhouse. Available at
+                  Available at
                   <a href="https://calendar-optimizer-frontend.sakal.us"
                     >https://calendar-optimizer-frontend.sakal.us</a
                   >.</span
@@ -221,7 +222,8 @@
                 <span class="bold">Custom Full-Stack eCommerce website</span>
                 <span
                   >Created custom e-commerce website, both front-end and
-                  back-end, from scratch; was at piazzaoptical.com (code at
+                  back-end, from scratch; previously at piazzaoptical.com (code
+                  at
                   <a href="https://git.sakal.us/avraham/piazzaoptical.com"
                     >https://git.sakal.us/avraham/piazzaoptical.com</a
                   >). Frontend was implemented in
@@ -275,16 +277,17 @@
         <div>
           <ul class="no-bullet">
             <li>
+              <div class="space-between">
                 <div>
                   <span class="bold">B.S. in Aerospace Engineering,</span>
                   <span>University of Michigan, Ann Arbor, MI</span>
                 </div>
                 <div class="italic right">
-                Sept. 2006–April 2009, Sept. 2010–April 2011
+                  Sept. 2006–April 2009, Sept. 2010–April 2011, GPA 3.185
+                </div>
               </div>
-              <div class="italic right">GPA 3.185</div>
             </li>
-            <li>
+            <!-- <li>
               <div>
                 <span class="bold">Ph.D. in Rabbinics,</span>
                 <span>Rabbinical Seminary of America, Flushing, NY</span>
@@ -292,7 +295,7 @@
               <div class="italic right">
                 April 2009–April 2010, April 2011–January 2020
               </div>
-            </li>
+            </li> -->
           </ul>
         </div>
       </section>

letter.css

@@ -1,5 +1,5 @@
 @import url("./common.css");
 @page {
   size: letter;
-  margin: 1in;
+  margin: 0.5in;
 }

styles.css

@@ -28,6 +28,11 @@ body {
   text-align: right;
 }
 
+.space-between {
+  display: flex;
+  justify-content: space-between;
+}
+
 .no-bullet {
   list-style-type: none;
   margin: 0;
@@ -44,31 +49,36 @@ section.header {
 
 section.contact-info {
   display: flex;
-  justify-content: space-between;
+  justify-content: center;
 }
 
 section.sections {
-  margin-top: 3em;
+  margin-top: 1.6em;
 
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
 
-  gap: 2em;
+  gap: 1.6em;
 }
 
-section.sections > section {
+/* section.sections > section {
   display: flex;
   justify-content: flex-start;
-}
+} */
 
 section.sections > section > label {
-  width: 25%;
+  float: left;
+  width: 8em;
+  height: 2em;
+  margin-right: 0.7em;
+  /* border: 1px solid black; */
+  /* padding-bottom: 0.5em; */
 }
 
-section.sections > section > div {
+/* section.sections > section > div {
   width: 75%;
-}
+} */
 
 ul.inline {
   padding-inline-start: 0px;