我正在开发登录小部件。我希望我的小部件在任何主题下都看起来很好。目前它还不完美，一旦你开始在不同的主题上测试它，一些东西就会相互滑动，整个文本就不适合一行，以此类推。

所以，我需要关于如何使其与所有主题完全兼容的建议。

您可以在此处看到我的插件和小部件：http://rb-pravo.ru/

您可以在此处下载带有widget的工作插件，这里只有widget和HTML，没有其他内容：http://rb-pravo.ru/wp-content/uploads/2016/11/simple.zip

或者这里是代码：

<!-- HTML for the widget -->

    <div class="lwa lwa-default">
    <form class="lwa-form" action="" method="post">
        <div>
        <table>
            <tr>
                <td colspan="2">
                <span class="lwa-status">Login successful...</span>
                </td>
            </tr>
            <tr class="lwa-username">
                <td class="lwa-username-label">
                    <label>Username</label>
                </td>
                <td class="lwa-username-input">
                    <input type="text" name="log" />
                </td>
            </tr>
            <tr class="lwa-password">
                <td class="lwa-password-label">
                    <label>Password</label>
                </td>
                <td class="lwa-password-input">
                    <input type="password" name="pwd" />
                </td>
            </tr>
            <tr class="lwa-submit">
                <td class="lwa-submit-button">
                    <input type="submit" name="wp-submit" id="lwa_wp-submit" value="Log In" tabindex="100" />                       
                </td>
                <td class="lwa-submit-links">
                    <a class="lwa-links-remember" href="" title="">Lost password?</a><br />
                    <a href="" class="lwa-links-register lwa-links-modal">Register</a>
                </td>
            </tr>
        </table>
        </div>
      </form>
    </div>

    <!-- End of HTML for the widget -->

即使边栏很窄，文本也会放在边栏中，这样当您登录时，小部件与主题的颜色相匹配，小部件的高度保持不变，尽管输入字段被替换为头像和链接，但请就此主题给我写点东西。

欢迎就如何使小部件在任何主题下看起来都很好提供任何建议