    <h1>
        <span localize="mods"></span>
        <i class="fa fa-times pull-right close-button" ng-click="$parent.ctrl.view = null"></i>
    </h1>

    <div class="alert" ng-if="modsCtrl.dirty">
        <span localize="restart_to_take_effect"></span>
        <button class="red small" onclick="Remote.app.restart()" localize="restart"></button>
    </div>

    <div class="animated fadeIn" style="height: 450px; overflow-y: auto;">
        <div class="item-list">
            <p class="color-red padding text-center" ng-if="modsCtrl.mods == null || modsCtrl.mods.length == 0"
               localize="no_mods"></p>
            <div class="item" ng-repeat="modInfo in modsCtrl.mods">
                <div class="flex-row">
                    <div class="flex3">
                        <h3 style="text-align: left;">{{ modInfo.mod.name }} <span class="small dimmed" ng-if="modInfo.mod.author != null">(By {{ modInfo.mod.author }})</span></h3>
                        <p>{{ modInfo.mod.description }}</p>
                        <div>
                            <button class="red small" ng-click="modsCtrl.unsubscribe(modInfo)" localize="unsubscribe"></button>
                            <button class="small" ng-if="SteamEnabled && modInfo.mod.owned" ng-click="modsCtrl.uploadToSteam(modInfo)" ng-disabled="modInfo.isUploading">
                            <span ng-if="!modInfo.isUploading">
                                <span ng-if="!modInfo.mod.fromWorkshop">Publish to Steam</span>
                                <span ng-if="modInfo.mod.fromWorkshop">Update on Steam</span>
                            </span>
                                <span ng-if="modInfo.isUploading">Uploading...</span>
                            </button>
                        </div>
                    </div>
                    <div class="flex1 text-right">
                        <img ng-src="{{ modInfo.mod.thumbnailPath }}" style="max-width: 90px; max-height: 90px; margin-bottom: 5px; border-radius: 5px;">
                    </div>
                </div>
            </div>

        </div>
    </div>