KeyArgo
/
csms-claims-and-neighbors
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Increase iframe dimensions by 20% and center them, update buttons to open links in new tabs

This commit is contained in:
Daniel LaForce 2024-08-02 16:01:04 -06:00
parent 87a0528689
commit c753c8beed
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
index.html
View File

@ -23,15 +23,15 @@
.map-container { .map-container {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; /* Change to column for vertical stacking */ flex-direction: column;
align-items: center; /* Center the iframes horizontally */
flex: 1; flex: 1;
align-items: center;
} }
iframe { iframe {
width: 960px; /* 800px + 20% */
height: 720px; /* 600px + 20% */
border: none; border: none;
height: 60%; /* Adjust as necessary to fit within the viewport */ margin-bottom: 10px;
width: 960px; /* Adjust as necessary to fit within the viewport */
margin: 10px 0;
} }
.buttons { .buttons {
width: 100%; width: 100%;
@ -45,7 +45,7 @@
cursor: pointer; cursor: pointer;
} }
</style> </style>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CC1B9CQ691"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-CC1B9CQ691"></script>
<script> <script>
window.dataLayer = window.dataLayer || []; window.dataLayer = window.dataLayer || [];