l
                    </div>
                    <div id="delete-snippet-btn" class="delete-snippet-btn">
                        <i class="fas fa-trash"></i>
                    </div>
                </div>
                -->
            </div>
        </div>

        <!--this view will open up when user clicks on add a new snippet button-->
        <div id="custom-snippets-add-new" class="custom-snippets-add-new hidden">
            <div id="abbr-box-wrapper" class="field-wrapper">
                <div 