popup.html

<!DOCTYPE html>
<html>
<head>
  <title>Popup</title>
  <style>
    body {
      width: 250px; /* Adjust width as needed */
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #title {
      font-size: 14px;
      margin-bottom: 10px;
    }
    #githubLink {
      display: block;
      margin-top: 10px;
      font-size: 12px;
    }
  </style>
</head>
<body>
  <div id="title">Custom Loop Sidebar Resizer by Richard Lutkus @ AlixPartners</div>
  <label for="widthInput">Width (in pixels):</label>
  <input type="number" id="widthInput" style="width: 80%;">
  <button id="saveButton">Save</button>
  <div id="currentWidth">Current Width: <span id="currentWidthValue"></span>px</div>
  <div id="saveConfirmation"></div> <!-- Added this line -->
  <a id="githubLink" href="https://github.com/unstatusthequo/MSLoopResizeSidebar" target="_blank">Visit GitHub for the code</a>

  <script src="options.js"></script>
</body>
</html>