Fix：在有的页面上，高度错误

Author: tiezhudotwang

README.en.md

@@ -11,12 +11,13 @@ You can add emoji reaction functionality to your page, with just two lines of co
 
 ### Via CDN (Recommended)
 ```
-<script type="module" src="https://cdn.jsdelivr.net/gh/emaction/frontend.dist@1.0.8/bundle.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/gh/emaction/frontend.dist@1.0.9/bundle.js"></script>
 ```
 then
 ```
 <emoji-reaction></emoji-reaction>
 ```
+That's it!
 
 ### NPM
 ```
@@ -67,11 +68,5 @@ You can specify dark/light mode through the `theme` custom property, It supports
 ### Custom backend
 You can also reference [emaction.backend](https://github.com/emaction/emaction.backend) to build your own backend to save data, then specify the API address through the `endpoint` property.
 
-### Custom page id
-The page id is used to identify the current page. Data with the same page id will remain consistent. Generally you don't need to specify the page id yourself, because emaction will follow the canonical meta to find the canonical URL for the current content. If you do need to specify the page id, you can do so through the `reactionTargetId` attribute.
-
-## TODO
-
-- [ ] GitHub Actions to publish npm automatically.
-- [ ] GitHub Actions to publish dist repo automatically.
-- [ ] Cool Badges.
+### Custom target id
+The target id is used to identify what the reaction is referring to (usually the page it is on). Typically you do not need to specify a target id, because emaction will look for the canonical meta tag to determine the canonical URL for the current page content. If you do need to customize the target id (for example, to add reactions for each individual comment on a page), you can specify it using the reactionTargetId attribute.

README.md

@@ -18,12 +18,13 @@ emaction 是一个标准 web component，可以用在任何 html 页面中。
 
 ### 通过 CDN 引入（推荐）
 ```
-<script type="module" src="https://cdn.jsdelivr.net/gh/emaction/frontend.dist@1.0.8/bundle.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/gh/emaction/frontend.dist@1.0.9/bundle.js"></script>
 ```
 然后
 ```
 <emoji-reaction></emoji-reaction>
 ```
+就 Ok 啦！
 
 ### 通过 NPM 使用
 ```
@@ -81,5 +82,5 @@ npm install emaction
 
 你可以参考 [这个](https://github.com/emaction/emaction.backend) 后端仓库，来构建自己的后端服务，以存储自己的数据，并通过 `endpoint` 属性来指定后端接口地址。
 
-### 自定义页面 id
-页面 id 是用来标识当前页面的 id，同一个 id 的多个页面，共享一份 reaction 数据。一般情况下，你不需要指定页面 id，因为 emaction 会查找 canonical meta 来确定当前内容对应的规范链接。如果你确实需要自定义页面 id，可以通过属性 `reactionTargetId`来指定。
+### 自定义目标 id
+目标 id 用来标识 reaction 所针对的目标（一般是所在页面）。一般情况下，你不需要指定目标 id，因为 emaction 会查找 canonical meta 来确定当前页面内容对应的规范链接。如果你确实需要自定义目标 id（比如想为页面内每个评论都添加 reaction），可以通过属性 `reactionTargetId`来指定。

index.js

@@ -142,7 +142,7 @@ export class EmojiReaction extends LitElement {
       }
     </style>
     <!-- container -->
-    <div style="flex-wrap: nowrap; max-width: 100%; display: flex; gap: 0.375rem;" class="${this?.theme === 'dark' || (this?.theme === 'system' && system_theme === 'dark') ? 'container-dark' : 'container'}">
+    <div style="flex-wrap: nowrap; max-width: 100%; display: flex; gap: 0.375rem; height: 1.5rem;" class="${this?.theme === 'dark' || (this?.theme === 'system' && system_theme === 'dark') ? 'container-dark' : 'container'}">
       <!-- 灰色笑脸 -->
       <div style="position: relative; user-select: none;">
         <div id="start-smile" @click="${this._showAvailable}"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "emaction",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "private": false,
   "description": "GitHub styled emoji reaction for blogs.",
   "keywords": [