still flawed loading spinner for mobile, but it will do for now

Author: dginev

assets/ar5iv-site.css

@@ -138,22 +138,19 @@ a.arxiv-ui-theme {
 
 /* Hide the polyfill dirty work behind a curtain */
 #mathjax-loading-message {
-  position:fixed;
-  top:6rem;
-  left: 45%;
-  z-index:1000;
   display: block;
   font-size:1.5rem;
+  margin:auto;
   max-width: 52rem;
   text-align: center;
+  padding: 6rem;
+  z-index: 100;
 }
 #mathjax-loading-spinner {
-  position:fixed;
-  top:12rem;
-  left: 47.5%;
-  z-index:1000;
   display: block;
+  margin:auto;
   background-color: white;
+  z-index: 100;
   border: 16px solid #f3f3f3; /* Light grey */
   border-top: 16px solid #3498db; /* Blue */
   border-radius: 50%;

src/dirty_templates.rs

@@ -65,7 +65,7 @@ pub fn dirty_branded_ar5iv_html(
       // 1. also add the arxiv id to the title element
       // 2. this is also the best place to insert vendor-specific meta tags  
       String::from("<title>[")+id_arxiv+"] "+&caps[1]+"</title>"+&description+r###"
-<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content=""###+&caps[1]+r###"">
 <meta name="twitter:image:src" content="https://ar5iv.org/assets/ar5iv_card.png">