Improve css styling

wenxin-liu · Jun 7, 2024 · 1283724 · 1283724
1 parent 629e639
commit 1283724
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 13 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -11,6 +11,11 @@ pre {
     margin: 0;
 }
 
+.author, .affiliation, .publication {
+    text-align: center;
+    margin: 3px
+}
+
 .form-check-input {
     border-color: #a3a3a3;
     border-width: 2px;
@@ -44,17 +49,17 @@ pre {
 
 #authors{
     font-size: 1rem;
-    margin:0 0 15px 0;
+    margin:0 0 10px 0;
 }
 
 #affiliations{
     font-size: 1rem;
-    margin:0 0 15px 0;
+    margin:0 0 10px 0;
 }
 
 #supplementary-materials{
     font-size: 1rem;
-    margin:20px 0 15px 0;
+    margin:15px 0 15px 0;
 }
 
 .demo1-container {

diff --git a/index.html b/index.html
@@ -27,23 +27,23 @@
 <div class="container-fluid d-flex justify-content-center">
     <div class="col-12 d-flex flex-column align-items-center my-3">
         <div id="title">Neural Bounding</div>
-        <div class="col-12 col-lg-10 col-xl-8 d-flex justify-content-around" id="authors">
-            <div>Stephanie Wenxin Liu <sup>1</sup></div>
-            <div>Michael Fischer <sup>2</sup></div>
-            <div>Paul D. Yoo <sup>1</sup></div>
-            <div>Tobias Ritschel <sup>2</sup></div>
+        <div class="col-12 col-lg-10 col-xl-8 d-flex d-flex justify-content-around" id="authors">
+            <div class="author">Stephanie Wenxin Liu <sup>1</sup></div>
+            <div class="author">Michael Fischer <sup>2</sup></div>
+            <div class="author">Paul D. Yoo <sup>1</sup></div>
+            <div class="author">Tobias Ritschel <sup>2</sup></div>
         </div>
         <div class="col-12 col-lg-10 col-xl-8 d-flex justify-content-evenly" id="affiliations">
-            <div><sup>1</sup> Birkbeck, University of London</div>
-            <div><sup>2</sup> University College London</div>
+            <div class="affiliation"><sup>1</sup> Birkbeck, University of London</div>
+            <div class="affiliation"><sup>2</sup> University College London</div>
         </div>
-        <div class="col-12 col-lg-10 col-xl-8 d-flex justify-content-evenly mb-5" id="publication">
-            <div>Published at <a href="https://s2024.siggraph.org/" target="_blank">SIGGRAPH 2024</a> (Conference Track)</div>
+        <div class="col-12 col-lg-10 col-xl-8 d-flex justify-content-evenly mb-4" id="publication">
+            <div class="publication">Published at <a href="https://s2024.siggraph.org/" target="_blank">SIGGRAPH 2024</a> (Conference Track)</div>
         </div>
 
         <img src="assets/images/teaser.png" alt="Neural Bounding teaser image" class="img-fluid col-12 col-lg-10 col-xl-8">
 
-        <div class="col-12 col-lg-10 col-xl-8 d-flex justify-content-evenly" id="supplementary-materials">
+        <div class="col-8 d-flex justify-content-evenly" id="supplementary-materials">
             <div class="d-flex align-items-center">
                 <img src="assets/images/paper.png" alt="icon for an article">
                 <a href="https://arxiv.org/abs/2310.06822" target="_blank" class="ms-2">Paper</a>