.nav-tab-wrapper { margin: 1.5em 0 1em; } .nav-tab-wrapper:not(.wpaas-system-plugin) { display: none; } .wc_addons_wrap > .wc_addons_wrap { margin-right: 0; } .wpaas_wc_addons_wrap.wc_addons_wrap .description a, .wpaas_wc_addons_wrap.wc_addons_wrap div:not(.woocommerce-message) a { text-decoration: none; } .wpaas_wc_addons_wrap.wc_addons_wrap a .dashicons { width: 16px; height: 16px; font-size: 16px; margin-top: 1px; } .wpaas_wc_addons_wrap.wc_addons_wrap hr { margin: 2em 0; } .wpaas_wc_addons_wrap.wc_addons_wrap .view-details { display: block; margin-top: .5em; } .wpaas_wc_addons_wrap.wc_addons_wrap .addons-button { display: inline-block; } .wpaas_wc_addons_wrap.wc_addons_wrap .addons-banner-block { margin-top: 1em; } .wpaas_wc_addons_wrap.wc_addons_wrap .addons-banner-block-item-content { height: auto; } .wpaas_wc_addons_wrap.wc_addons_wrap .addons-banner-block-item-content p { margin: 0 0 20px; } .wpaas-wc-addons-list { margin-top: 1.5em; } .wpaas-wc-addons-list .wpaas-wc-addon { align-items: center; display:flex; padding: 0 2em; justify-content: space-between; } .wpaas-wc-addons-list .wpaas-wc-addon h3 { flex: 1 1 0; max-width: 250px; line-height: 1.5; } .wpaas-wc-addons-list .wpaas-wc-addon p { flex: 1 1 0; max-width: 55%; } .wpaas-wc-addons-list .wpaas-wc-addon .wpaas-wc-install-buttons { width: 210px; text-align: right; line-height: 1.4em; } .wpaas-wc-addons-list .wpaas-wc-addon .wpaas-wc-install-buttons .error { text-align: left; } .js-installing { font-weight: bold; color: #bb77ae; font-size: 15px; } .js-installing .dashicons-update { left: 0; position: relative; top: -1px; } .wpaas-wc-install-buttons .dashicons-yes { color: #a36597; left: 0; position: relative; top: -1px; } .wpaas-wc-install-buttons a { color: #a36597; } .js-installing .spin { -webkit-animation: wpaas-spin 2s linear infinite; animation: wpaas-spin 2s linear infinite; } @-webkit-keyframes wpaas-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes wpaas-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @media only screen and (max-width: 600px) { .wpaas_wc_addons_wrap.wc_addons_wrap { width: calc(100% - 2em); } .wpaas-wc-addons-list .wpaas-wc-addon { display: table; padding: 0 1em 1em; width: calc(100% - 2em); } .wpaas-wc-addons-list .wpaas-wc-addon h3, .wpaas-wc-addons-list .wpaas-wc-addon p, .wpaas-wc-addons-list .wpaas-wc-addon .wpaas-wc-install-buttons { width: 100%; max-width: 100%; } .wpaas-wc-addons-list .wpaas-wc-addon p a { display: block; } .wpaas-wc-addons-list .wpaas-wc-addon .wpaas-wc-install-buttons { text-align: center; } }