map height

Author: cvzi

index.html

@@ -78,7 +78,8 @@ <h1>Demo for Open Location Codes <img src="static/pc-logo.svg" alt="Plus Codes L
  <p>
  Type a location name or coordinates and calculate the corresponding Plus+Code. Click <q>Animate</q> to show all the nested areas that make up the code on the map. 
  <br>Click <q>Step</q> to shorten the code one step and show the result on the map. 
- <br><br>The shortening mechanism: <pre>8FXCCP66+R2C2P<mark>X</mark> &rArr; 8FXCCP66+R2C2<mark>P</mark> &rArr; ... &rArr; 8FXCCP66+<mark>R2</mark> &rArr; 8FXCCP<mark>66</mark>+ &rArr; 8FXC<mark>CP</mark><span class="silver">00</span>+ &rArr; 8F<mark>XC</mark><span class="silver">0000</span>+ &rArr; 8F<span class="silver">000000</span>+</pre>
+ <br><br>The shortening mechanism: <pre>8FXCCP66+R2C2P<mark>X</mark> &rArr; 8FXCCP66+R2C2<mark>P</mark> &rArr; ... &rArr; 8FXCCP66+<mark>R2</mark> 
+&rArr; 8FXCCP<mark>66</mark>+ &rArr; 8FXC<mark>CP</mark><span class="silver">00</span>+ &rArr; 8F<mark>XC</mark><span class="silver">0000</span>+ &rArr; 8F<span class="silver">000000</span>+</pre>
  The first ten <abbr title="23456789CFGHJMPQRVWX">digits</abbr> encode longitude and latitude. To shorten them one needs to remove two digits. The eleventh and following digits simply divide the area in twenty rectangles and can therefore be shortened digit by digit. For more information take a look a the <a href="https://github.com/google/open-location-code/blob/master/docs/olc_definition.adoc#open-location-code-specification">specifications</a> 8. and 9.
  </p>
  </div>

style.css

@@ -5,7 +5,7 @@ footer {background:#e4e4ea; margin:0px; padding: 10px 0; clear:left}
 figure {margin:0}
 .fl {float:left}
 #ctrl {padding-right:15px; margin-right:15px}
-#desc {padding-right:15px; margin-right:15px; max-width:40%}
+#desc {padding-right:15px; margin-right:15px; max-width:700px}
 #attribution { font-size:smaller; padding: 5px; margin: 0 auto; max-width: 1500px}
 #mapid { height: 500px; width: 600px}
 #status { margin-top:0px}