Improve CSS.

- Compactify bib tables.
- Use class/id/span/divs properly.
- Slightly increase padding.
- Right-justify links to publications.

css/style.scss

@@ -5,8 +5,8 @@ $acc-color: #C51162;
 
 $base-font-size: 16px;
 
-$main-pad: 0.75em;
-$mini-pad: 0.25em;
+$main-pad: 1.0em;
+$mini-pad: 0.5em;
 
 @mixin flexed {
   display: flex;
@@ -40,7 +40,7 @@ body {
   font-weight: 300;
 }
 
-.container {
+#container {
   @include flexed;
   flex-direction: column;
   justify-content: flex-start;
@@ -58,7 +58,7 @@ body {
   }
 }
 
-.container > * {
+#container > * {
   width: $break-point;
   margin: $main-pad;
 }
@@ -70,7 +70,7 @@ body {
 }
 
 // Top banner.
-.header {
+#header {
   box-shadow: 0 10px 5px -10px;
   background: $main-color;
   padding: $main-pad;
@@ -82,7 +82,7 @@ body {
 }
 
 // The top box. About, picture, and contact.
-.topbox {
+#topbox {
   @include flexed;
   flex-direction: row;
   justify-content: space-around;
@@ -90,7 +90,7 @@ body {
   background: white;
 }
 
-.topbar > * {
+#topbar > * {
   max-width: 100%;
   h1 h2 {
     color: $main-color;
@@ -98,7 +98,7 @@ body {
 }
 
 // Bar containing picture and contact info.
-.bio-bar {
+#bio-bar {
   @include flexed;
   flex-direction: column;
   justify-content: flex-start;
@@ -106,23 +106,23 @@ body {
 }
 
 @media all and (max-width: $break-point) {
-  .topbox {
+  #topbox {
     flex-direction: column;
     align-items: stretch;
   }
 
-  .bio-bar {
+  #bio-bar {
     flex-direction: row;
     order: 1;
   }
 }
 
-.picture {
+#picture {
   // @include flex(1 1);
   padding: $main-pad;
 }
 
-.contact {
+#contact {
   // @include flex(1 1);
   padding: $main-pad;
 
@@ -132,7 +132,7 @@ body {
 }
 
 // About cell ~ 2x sidebar in normal mode
-.about {
+#about {
   // @include flex(2 1);
   padding: $mini-pad;
 }
@@ -144,14 +144,14 @@ body {
 }
 
 // Two section headers, different bg colors.
-#mini-header {
+.mini-header {
   background: $main-color;
   color: white;
   font-size: 3em;
   padding: $mini-pad;
 }
 
-#mini-header-alt {
+.mini-header-alt {
   background: $acc-color;
   color: white;
   font-size: 3em;
@@ -159,7 +159,7 @@ body {
 }
 
 // Main unit for sections.
-#card {
+.card {
   padding: $main-pad;
   box-shadow: 0 11px 5px -10px;
   background: white;
@@ -194,17 +194,27 @@ body {
   padding: $mini-pad;
 }
 
-#bibcell {
+.bibtable {
+  width: 100%;
+  border-collapse:separate;
+  border-spacing:0 $mini-pad;
+}
+
+.bibcell {
   vertical-align: top;
   padding: $mini-pad;
 }
 
 // Latex parsed as {H} turns into spans, make these bold.
-#titlecell span {
+.titlecell, .titlecell *, .yearcell {
   font-family: 'Roboto', sans-serif;
   font-weight: 500;
 }
 
+.linkscell { 
+  float: right;
+}
+
 footer * {
   text-align: center;
   background: $main-color;