Improve layout

prushforth · prushforth · commit 6bb7fae73514 · 2026-03-20T18:45:41.000-04:00
diff --git a/src/index.html b/src/index.html
@@ -12,12 +12,12 @@
 <body>
   <header>
     <h1>MapMLify</h1>
-    <p>Convert Web Map Service (WMS) layers to functional MapML</p>
+    <p>Convert Web Service (WMS,WMTS,ESRI) layers to functional MapML</p>
   </header>
 
   <main>
     <section class="input-section">
-      <label for="wms-url">WMS Capabilities URL:</label>
+      <label for="wms-url">WMS/WMTS/ESRI Capabilities URL:</label>
       <div class="input-group">
         <input type="text" id="wms-url" list="wms-presets" 
           placeholder="Type, paste, or select from list..."
diff --git a/src/style/main.css b/src/style/main.css
@@ -73,7 +73,7 @@ section {
   }
   
   #wms-url {
-    width: 90%;
+    width: 100%;
     max-width: none;
   }
   
@@ -122,6 +122,16 @@ button:active {
   color: #2c3e50;
 }
 
+#service-details p {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
+
+#service-details a {
+  word-break: break-all;
+  overflow-wrap: break-word;
+}
+
 .layers-list {
   display: grid;
   gap: 1rem;
