Update app.R

app.R

@@ -70,14 +70,17 @@ plot_factor <- function(pi_star_list,
       y = "Probability"
     ) +
     # Apply Tufte's minimalistic theme
-    theme_minimal(base_size = 16, base_line_size = 0) +
+    theme_minimal(base_size = 18, 
+                  base_line_size = 0) +
     theme(
       legend.position = "none",
       legend.title = element_blank(),
       panel.grid.major = element_blank(),
       panel.grid.minor = element_blank(),
-      axis.line = element_line(color = "black", size = 0.3),
-      axis.text.x = element_text(angle = 45, hjust = 1)
+      axis.line = element_line(color = "black", size = 0.5),
+      axis.text.x = element_text(angle = 45, 
+                                 hjust = 1, 
+                                 margin = margin(r = 10))  # Add right margin
     ) +
     # Manual color scale for different strategies
     scale_color_manual(values = c("Democrat" = "#89cff0",
@@ -103,6 +106,99 @@ ui <- fluidPage(
     )
   ),
   
+  # ---- Minimal "Share" button HTML + JS inlined ----
+  tags$div(
+    style = "text-align: left; margin: 0.5em 0 0.5em 0em;",
+    HTML('
+        <button id="share-button" 
+                style="
+                  display: inline-flex;
+                  align-items: center;
+                  justify-content: center;
+                  gap: 8px; 
+                  padding: 5px 10px;
+                  font-size: 16px;
+                  font-weight: normal;
+                  color: #000;
+                  background-color: #fff;
+                  border: 1px solid #ddd;
+                  border-radius: 6px;
+                  cursor: pointer;
+                  box-shadow: 0 1.5px 0 #000;
+                ">
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" 
+               stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <circle cx="18" cy="5" r="3"></circle>
+            <circle cx="6" cy="12" r="3"></circle>
+            <circle cx="18" cy="19" r="3"></circle>
+            <line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line>
+            <line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line>
+          </svg>
+          <strong>Share</strong>
+        </button>
+      '),
+    tags$script(
+      HTML("
+          (function() {
+            const shareBtn = document.getElementById('share-button');
+            // Reusable helper function to show a small “Copied!” message
+            function showCopyNotification() {
+              const notification = document.createElement('div');
+              notification.innerText = 'Copied to clipboard';
+              notification.style.position = 'fixed';
+              notification.style.bottom = '20px';
+              notification.style.right = '20px';
+              notification.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';
+              notification.style.color = '#fff';
+              notification.style.padding = '8px 12px';
+              notification.style.borderRadius = '4px';
+              notification.style.zIndex = '9999';
+              document.body.appendChild(notification);
+              setTimeout(() => { notification.remove(); }, 2000);
+            }
+            shareBtn.addEventListener('click', function() {
+              const currentURL = window.location.href;
+              const pageTitle  = document.title || 'Check this out!';
+              // If browser supports Web Share API
+              if (navigator.share) {
+                navigator.share({
+                  title: pageTitle,
+                  text: '',
+                  url: currentURL
+                })
+                .catch((error) => {
+                  console.log('Sharing failed', error);
+                });
+              } else {
+                // Fallback: Copy URL
+                if (navigator.clipboard && navigator.clipboard.writeText) {
+                  navigator.clipboard.writeText(currentURL).then(() => {
+                    showCopyNotification();
+                  }, (err) => {
+                    console.error('Could not copy text: ', err);
+                  });
+                } else {
+                  // Double fallback for older browsers
+                  const textArea = document.createElement('textarea');
+                  textArea.value = currentURL;
+                  document.body.appendChild(textArea);
+                  textArea.select();
+                  try {
+                    document.execCommand('copy');
+                    showCopyNotification();
+                  } catch (err) {
+                    alert('Please copy this link:\\n' + currentURL);
+                  }
+                  document.body.removeChild(textArea);
+                }
+              }
+            });
+          })();
+        ")
+    )
+  ), 
+  # ---- End: Minimal Share button snippet ----
+  
   sidebarLayout(
     sidebarPanel(
       h4("Analysis Options"),
@@ -122,7 +218,7 @@ ui <- fluidPage(
       h4("Visualization"),
       selectInput("factor", "Select Factor to Display:",
                   choices = NULL),
-      hr(),
+      br(),
       selectInput("previousResults", "View Previous Results:",
                   choices = NULL),
       hr(),